@media screen and (max-width: 1023px){
h1{font-size: 38px; line-height: 42px;}
.main-logo img{width: 80%; margin: 0 10%; height: auto;}
}

@media screen and (max-width: 767px){
h1{font-size: 28px; line-height: 32px;}
.main-logo {padding:20px;}
}

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

body {background-size:inherit;}

}

@media screen and (max-height: 400px){
body {background-size:inherit;}
.main-logo img{width: 50%; margin: 0 20%; height: auto;}
h1{margin-top:20px;}
}