@media  screen and (max-height: 265px) {
 .head .logo {
 

    top: 10px;
    left: 20px;
    width: 150px;
    background-size: 70%;
  
    
}

.slide-heading {

    font-size: 20px;
}
}




@media screen and (min-height: 266px) and (max-height: 450px) {
  .overlay a {
    font-size: 20px
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;

  }
 .head .logo {
 

    top: 10px;
    left: 25px;
    width: 200px;
    background-size: 80%;
  
    
}
}


@media only screen and (max-width: 450px) {

  
 .head .logo {

    top: 10px;
    left: 20px;
    width: 200px;

  
    background-size: 70%;


}
.slide-heading {

    font-size: 20px;
}
.overlay a {

    font-size: 0.7em;

    
}

}


@media only screen and (min-width: 451px) and (max-width: 600px) {
.slide-bg {
    background-size: 320%!important;
    background-position-x: center!important;
}
  .overlay a {

    font-size: 0.8em;

    
}

 .head .logo {

    top: 10px;
    left: 20px;
    width: 200px;

  
    background-size: 70%;


}
}

@media only screen and (max-width: 777px) {

.contactul {
  text-align: center;
  margin: 0 auto;
}
}