@charset "UTF-8";

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

  /*** Header ****/

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

  #heroup .pixels-bg {
    padding: 290px 0 6em 0;
    background-size: contain;
    background-position: top 130px center;
  }

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

  #heroup .pixels-bg-bottom {
    background-size: 23% auto, 35% auto;
    background-position: bottom right, bottom left;
  }

  /**** FAQ ****/

  ol.steps-list {
    width:65%;
  }

  /*** Hamburger Menu ***/
  .topnav a.icon {
    display:none;
  }

  .topnav a {
    display: block;
    float: left;
    text-decoration: none;
    margin: 0rem 1rem;
    padding: 1rem 1.5rem;
    color: white;
    background-color: #5DCAE2;
  }

  .topnav a:nth-of-type(2) {
    background-color: #E90041;
  }

  .topnav a:nth-of-type(3) {
    background-color: #202C54;
  }


  .topnav a:first-child {
    margin-left:2rem;
  }

  .topnav {
    float:left;
    margin-top:2rem;
    margin-left:2rem;
  }

  /***footer ****/

  #heroup .color.panel-multistep {
    padding-bottom: 6rem;
}

  footer .h4h-navigation  a.logo {
    float: left;
    width: 25%;
  }

  footer .h4h-navigation ul {
    padding: 1rem 0 1rem 3rem;
    width: 35%;
  }


  footer .h4h-navigation .row.desktop-wide {
    width:65%;
  }

  footer .h4h-navigation .row.desktop-small {
    width:35%;
  }

}

/*** larger tablets ***/
@media only screen and (min-width:811px) and (max-width:899px) {
  #heroup header a.signup.marginwide {
    top: 2rem;
    margin-right: 1.5rem;
    float: right;
    width: 30%;
    margin: 0 2rem;
  }
}