@charset "UTF-8";

@media only screen and (min-width:600px) {

  /*** global ****/

  #heroup .button.row3 {
    width: 30%!important;
    margin-left:2%;
    box-sizing: border-box;
  }

  .padding-vertical-3 {
    padding-top:3rem;
    padding-bottom:3rem;
  }

  /*** Header ****/

  #heroup header a.logo {
    width: 30%;
    padding: 2rem;
  }

  #heroup img.herouplogo {
    width: 320px;
    margin-bottom: 2rem;
  }

  #heroup .pixels-bg {
    padding: 270px 0 5em 0;
    background-size: 100% auto;
    background-position: top 150px center;
  }

  #heroup .pixels-bg-bottom {
    background-size: 55% auto;
  }

  #heroup .pixels-float-lr {
    background-position: center left, center right;
    background-size: contain;
  }

  /***Form ***/

  #heroup .color.panel-multistep {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }

  /*** Styling for sections ****/

  ol.steps-list {
    width:85%;
    margin:1rem auto 2rem auto;
  }

  ol.steps-list li {
    margin-bottom:0px;
  }

  /** Footer ***/
  footer .site-footer__registered-info, .container.flex {
    display:flex;
    flex-flow: row;
  }
  footer .site-footer__registered-info p {
    width:75%;
  }

  footer .site-footer__registered-info .image-wrap {
    width:25%;
    padding-left:3%;
    align-self:flex-start;
    text-align:left;
  }

  footer .h4h-navigation .desktop-small.padding-desktop {
    padding:1rem 0;
  }

}

/**** Tablet only no desktop *****/

@media only screen and (min-width:600px) and (max-width:810px) {
  #heroup header a.signup {
    margin: 3rem 4rem -4rem 0!important;
  }

  .topnav.responsive .dropdown {
    padding-top: 110px;
  }
}


/*** odd sizes between mobile and tablet *****/

@media only screen and (min-width:480px) and (max-width:599px) {

  .topnav.responsive .dropdown {
    top: 120px;
  }

}