@media only screen and (max-width: 525px){
    .uk-logo img{
        height: 65px !important;
    }
    .nav-red-button{
        margin-right:0px !important;
         padding: 8px 20px !important;
        font-size: 11px;
    }
}
@media only screen and (max-width: 515px) {
    .uk-logo img{
        height: 60px !important;
    }
    .nav-red-button{
        margin-right:0px !important;
        
    }
  }
  @media only screen and (max-width: 446px){
    .uk-logo img{
        height: 53px !important;
    }
    .nav-red-button{
         padding: 8px 14px !important;
        font-size: 11px;
    }
   
}

  @media only screen and (max-width: 336px) {
    .uk-logo img{
        height: 25px !important;
    }
    .nav-red-button{
        margin-right:0px !important;
       padding: 6px 15px !important;
    font-size: 10px;

    }
  }
  @media only screen and (max-width: 418px) {
    .uk-logo img{
        height:  42px !important;
    }
     .nav-red-button{
        margin-right:0px !important;
       padding: 4px 10px !important;
    font-size: 10px;

    }
    .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    gap: 3.5px !important;
  }
  }
  @media only screen and (max-width: 330px) {
    .uk-logo img{
        height: 25px !important;
    }
  }
    @media only screen and (max-width: 600px) {  
      font-size: 30px !important;
      font-weight: 900;
      line-height: 1.2;
      color: white;
  }
 
  .section-primary-font, .white-section-primary-font{      
      font-family: 'Barlow', sans-serif;
      font-size: 25px !important;
      font-weight: 700;
      line-height: 1.2;
  }
  
  }