.content {
  min-height: calc(100vh - 30px);
  display: block;
  width: 100%;
  padding-bottom: 40px;
}

.footer {
  position:relative;
  width:100%;
  height:30px;
  background:#EEEEEE;
  font-size: 9px;
  display: block;
  padding-right: 10px;
  padding-left: 10px;
}

.copyright {
  vertical-align: top;
  display: inline-block;
  padding-top: 10px;
  width: 28vw;
  color:#83858D;
}

.copyright > a {
  color:#83858D;
}

.terms {
  float: right;
  /*line-height: 40px;*/
  display: inline-block;
  width: 60vw;
  text-align: right;
  padding-top: 3px;
}

.terms > a {
  padding-left: 5px;
  color:#83858D;
  display: block;
}

@media only screen and (min-width: 380px) {
  .terms > a {
    display: inline;
  }

  .footer {
    width:100%;
    height:40px;
    font-size:10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 13px;
  }

  .copyright {
    width: 28vw;
    padding-top:0px;
  }

  .terms {
    padding-top:0px;
    width: 60vw;
    text-align: right;
  }

}

@media only screen and (min-width: 750px) {
  .content {
    min-height: calc(100vh - 50px);
    padding-bottom: 0px;
  }

  .footer_mobile_text {
    display: none;
  }

  .footer_mobile_button {
    display: none;
  }

  .footer_mobile {
    display: none;
  }

  .footer {
    position:relative;
    bottom:0px;
    width:100%;
    height:50px;
    background:#EEEEEE;
    font-size: 12px;
  }

  .copyright {
    padding-left: 20px;
    line-height: 30px;
    width: 45vw;
  }

  .terms {
    line-height: 30px;
    width: 49vw;
    text-align: right;
  }

  .terms > a {
    padding-left: 10px;
  }

}