@media only screen and (max-width:992px) {
  html, body {
    font-size: 16px;
  }
  .h1, h1 {
    font-size: 1.8rem;
  }
  
  .h2, h2 {
    font-size: 1.5rem;
  }
  
  .h3, h3 {
    font-size: 1.25rem;
  }
  
  .h4, h4 {
    font-size: 1.2rem;
  }
  
  .h5, h5 {
    font-size: 1.15rem;
  }
  
  .h6, h6 {
    font-size: 1.1rem;
  }

  .flagsTop a {
        margin-top: 25px !important;
        color: #fff !important;
    }
    .search {
        padding-top: 6px;
    }
}

@media screen and (max-width: 767px) {
  .video-overlay h2 {
    font-size: 1.25rem;
  }
  .video-overlay h3 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 575px) {
  .video-overlay h2 {
    font-size: 1.25rem;
  }
  .video-overlay h3 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 480px) {
  .arrow-container {
    width: 64px;
    height: 64px;
    bottom: 35px;
  }
  .arrow-2 {
    width: 36px;
    height: 36px;
    top: 14px;
    left: 14px;
  }
  .arrow-2::before {
    width: 36px;
    height: 36px;
  }
  .arrow-2 i.fa {
    font-size: 26px;
  }
  .arrow-1 {
    width: 64px;
    height: 64px;
  }
}