* { box-sizing: border-box; }

@media (min-width: 524px) {
  .main-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    color: white;
    background-color: rgba(99, 94, 88,0.8);
    transform: translateY(0);
    transform: translate3d(0,0,0);
    height: 100px;
    z-index: 99999;
    transition: .25s transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .heads-up {
    transform: translateY(-10rem);
    transform: translate3d(0,-10rem,0);
  }
}
@media (max-width: 524px) {
  .main-header {
    width: 100%;
    color: white;
    /*transition: .25s transform;*/
    /*-webkit-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
  }
  .topa{
    position: static;
    background-color: rgba(255,255,255,0.8);
    float: none;
  }
  .main-header .hn-logo{
    width: 90%;
  }
}
/*.main-header h1 {*/
/*  float: left;*/
/*  font-size: 1.4rem;*/
/*  margin: 0 0 0 2rem;*/
/*  text-transform: uppercase;*/
/*}*/

/*.main-header nav {*/
/*  float: right;*/
/*  font-size: 1.4rem;*/
/*}*/

/*.main-header nav ul { */
/*  margin: 0; */
/*  padding: 0; */
/*}*/

/*.main-header nav li {*/
/*  display: inline-block;*/
/*  padding: 0 2rem;*/
/*}*/

/*main { */
/*  padding: 10rem 6rem;*/
/*  background: #EEE;*/
/*}*/