/**handles:responsive.css**/
@media screen and (max-width: 768px){
  .mobile-hide {
    display: none;
  }
  
  aside.col-md-3 {
    order: 2;
  }
  
  .home .block.white figure img {
    display: none;
  }
  
  .featuredImage {
    display: none;
  }
  
}

@media screen and (max-width: 784px){
    h1{
        font-size: 30px;
        line-height: 36px;
    }
    h2{
      font-size: 26px;
      line-height: 30px;

    }
    h3{
      font-size: 22px;
      line-height: 26px;

    }
    h4{

    }
    h5{

    }

    .block.white .col-md-8 img{
        display: none;
    }

    p.headline {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
    footer .widgets{
        margin-bottom: 20px;
    }

    a.back-to-top{
        display: none !important;
    }

    .promoWrap{
        flex-wrap: wrap;
    }

    .promoBox{
        width: 100%;
        margin-bottom: 15px;
    }

    .block.feature{
        display: none;
    }

    .mobileHeader{
        display: block;
    }

    .mobileButtons{
        display: flex;
    }
}