@media (min-width: 550px) {
  .page-sello {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  #help.page-sello .main img {
    max-width: 540px;
    width: auto;
  }
  .page-sello .holder img {
    max-width: 550px;
    width: auto;
  }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .holder {
    width: 100%;
    max-width: 540px;
  }
  #help.page-sello .main img {
    max-width: 370px;
    width: auto;
  }
  .page-sello .holder img {
    max-width: 540px;
    width: auto;
  }

  #fourofour .fourofour-text { text-align: center;  font-size: 150px; line-height: 200px; }
  #fourofour h2 { text-align: center; font-size: 30px; }

  .nav{
    display:none;
  }

  .logo{
    padding:0;
    margin:0 0 0 15px;
    width:66px;
    background-size:100% auto;
  }

  .login-nav{
    right:60px;
    top:8px;
  }

  .login-nav li a{
    font-size:15px;
    padding:6px 11px;
  }

  .nav-trigger{
    display:block;
  }

  .cover-text{
    width:100%;
    box-sizing:border-box;
    padding:0 5px;
    margin-top:90px;
    height: 65vh
  }

  .cover-text h2{
    font-size:24px;
    font-weight:400;
    line-height:1.2em;
  }

  .cover-text p{
    font-size:16px;
    line-height:1.2em;
    font-weight:400;
  }

  .cover-text a{
    font-size:15px;
    padding:14px 20px;
  }

  .footer{
    height:auto;
  }

  .footer .footer-logo{
    width:70px;
    background-size:100% auto;
    margin-left:15px;
  }

  .footer .footer-social-nav{
    margin-left:15px;
    margin-top:8px;
  }

  .footer .footer-social-nav li a{
    width:25px;
    height:25px;
    background-size:100% auto;
  }

  .footer .footer-login-nav li a{
    padding:10px 20px;
  }

  .footer .footer-login-nav{
    margin-right:10px;
  }

  .footer .footer-nav{
    position:relative;
    top:0;
    right:0;
    box-sizing:border-box;
    padding:10px 15px;
  }

  .footer .footer-nav li{
    width:32%;
    display:inline-block;
    text-align:left;
    height:30px;
    line-height:30px;
  }

  .footer .footer-nav li a{
    padding:0;
  }

  .copyright{
    height:100px;
    position:relative;
    padding:0;
  }

  .copyright .holder{
    height:100%;
  }

  .copyright span{
    position:absolute;
    bottom:15px;
    left:15px;
  }

  .copyright ul{
    float:none;
    box-sizing:border-box;
    padding:10px 15px;
    border-bottom:1px solid rgba(0,0,0,0.2);
    margin:0;
  }

  .copyright li{
    width:49%;
    margin:0;
    height:30px;
    line-height:30px;
  }

  .sello-modal{
    width:100vw;
    height:100vh;
    overflow: auto;
  }

  .sello-modal h3{
    font-size:22px;
    padding-top:30px;
    padding-bottom:0px;
  }

  .sello-modal p{
    font-size:14px;
  }

  .sello-modal .modal-body{
    padding:20px;
  }

  .social-logins{
    margin:0;
  }

  .social-logins a{
    width:100%;
    margin:0 0 13px 0;
  }

  .modal-footer{
    padding:20px;
  }
  .second {
    height: 110px;
  }
}
@media (min-width: 768px) {
  .holder {
    width: 720px;
    max-width: 100%;
  }
  #help.page-sello .main img {
    max-width: 504px;
    width: auto;
  }
  .page-sello .holder img {
    max-width: 720px;
    width: auto;
  }
  .footer{
    height: 165px;
  }

  .footer .footer-nav{
    top: 80px;
    width: 100%;
    right: 10px;
    text-align: right;
  }

  .footer .footer-nav li a{
    padding:10px 15px;
  }

}

@media (min-width: 992px) {
  .holder {
    width: 960px;
    max-width: 100%;
  }

  #help.page-sello .main img {
    max-width: 672px;
    width: auto;
  }
  .page-sello .holder img {
    max-width: 960px;
    width: auto;
  }
  .login-nav{
    right:15px;
  }

  .cover-text{
    width:100%;
  }

  .cover-text h2{
    font-size:50px;
    line-height: 60px;
  }

  .footer{
    height: 165px;
  }

  .footer .footer-nav{
    top: 80px;
    width: 100%;
    right: 10px;
    text-align: right;
  }

  .footer .footer-nav li a{
    padding:10px 15px;
  }
}

@media (min-width: 1200px) {
  .holder {
    width: 1140px;
    max-width: 100%;
  }

  #help.page-sello .main img {
    max-width: 798px;
    width: auto;
  }
  .page-sello .holder img {
    max-width: 1140px;
    width: auto;
  }

  .footer{
    height: 95px;
  }

  .footer .footer-nav{
    position:absolute;
    top:10px;
    right:130px;
  }

  .footer .footer-nav li a{
    padding:10px 15px;
  }


}

/* LOGIN AND MFA
-------------------------------------------------- */
.login-cont {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.slide-form.login-form {
  position: relative;
  height: 250px;
  top: 0px;
}

.slide-form.mfa-form {
  position: relative;
  height: 0px;
  top: 1000px;
}

.slide-form.mfa-form.active {
  top: 0px;
  height: 250px;
  transition: 0.5s;
}

.slide-form.login-form.inactive {
  height: 0px;
  top: -1000px;
  transition: 0.5s;
}