@media (min-width: 1200px){
  .container {max-width: 1300px;}
}
@media (max-width: 767px){
  /* DEFAULT */
  .sec-title {font-size: 2.5rem;}

  /* HOME */
  #project #banner img,
  #home #banner img {
    object-fit: cover;
    min-height: 20rem;
  }

  #home #depoiments .depoiment {margin: 0 .5rem;}
  #home #depoiments .depoiment .name {margin-left: 0;}

  #project #contact .bg-image,
  #home #contact .bg-image {left: 20%;}
  
  #project #contact form,
  #home #contact form {padding: 3rem 4rem;}

  /* PROJECT */
  #project #gallery .categories {flex-direction: column;}
  #project #gallery .categories .category {
    border-right: none;
    border-bottom: 2px solid #707070;
  }




  .videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


}