@media screen and (max-width:1024px){
  #fh5co-blog .fh5co-entry figure img {
      margin: 0 auto;
  }
  #fh5co-blog .fh5co-entry .fh5co-copy {
    padding: 26px; height: 300px; margin-bottom: 20px; max-width: 500px; margin: 0 auto; }

  .dropdown-content {
    min-width: 180px !important;
    left: -30px;
  }
}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width:800px){
  .text-container{
    width: 90%; top: 35%; }

  .text-container h2{
    font-size: 60px; text-shadow: 2px 2px 3px #000;}

  #fh5co-header h1, #fh5co-header nav {
    margin:100px 30px 0px 0px;
  }
}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  .text-container{
    width: 90%; top: 30%; }

  .text-container h2{
    font-size: 50px; text-shadow: 2px 2px 3px #000;}

  .image-container{
    width: 70%; top:25%;
  }

  .lg{
    display: none !important; }
  .sm{
    display:block !important;}

  #desknav{
    display: none !important; }
  #mobnav{
    display:block !important }
  #fh5co-offcanvas ul li{
    margin:0px }

}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width:640px){
  .text-container{
    width: 90%; top: 25%; }

  .text-container h2{
    font-size: 42px; text-shadow: 2px 2px 3px #000;}

  .image-container{
    width: 70%; top:10%;
  }

  .icon{
    display:none !important;
  }
}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width:480px){
  .text-container{
    width: 90%; top: 15%; }

  .text-container h2{
    font-size: 39px; text-shadow: 2px 2px 3px #000;}

  .image-container{
    width: 80%; top:15%;
  }
}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width:360px){
  .text-container{
    width: 90%; top: 15%; }

  .text-container h2{
    font-size: 38px; text-shadow: 2px 2px 3px #000; }
  .image-container{
    width: 98%; top:30%;
  }
}
/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

@media screen and (max-width:320px){
  .text-container{
    width: 90%; top: 15%; }

  .text-container h2{
    font-size: 38px; text-shadow: 2px 2px 3px #000;}

  .image-container{
    width: 98%; top:20%;
  }
  #fh5co-blog .fh5co-entry .fh5co-copy {
    padding: 25px;}
}
}

/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/