/** iPhone only  
@media screen and (max-device-width: 480px) {  
    ul li { width: 150px; }  
} **/ 
@media(max-width: 1920px) {  
    h1 { font-size: 4.5em; }  
    h3 { font-size: 2.2em; }  
    h2 { display: block; text-align: center; }  
	
.dropbtn {
    padding: 24px;
    font-size: 24px;
}
body {
    font-size: 18px;
}
}
@media(max-width: 1280px) {  	
.dropbtn {
    padding: 22px;
    font-size: 22px;
}
body {
    font-size: 17px;
}
}
@media(max-width: 740px) {  	
.dropbtn {
    padding: 20px;
    font-size: 20px;
}
body {
    font-size: 16px;
}
}  

@media(max-width: 570px) {  
 
.dropbtn {
    padding: 18px;
    font-size: 18px;
}
body {
    font-size: 15px;
}
}  

@media(max-width: 480px) {  
    
.dropbtn {
    padding: 16px;
    font-size: 16px;
}
body {
    font-size: 14px;
}
}  

@media (max-width: 370px) {  
.dropbtn {
    padding: 14px;
    font-size: 14px;
}
body {
    font-size: 13px;
}
}  

@media (max-width: 330px) {  
.dropbtn {
    padding: 12px;
    font-size: 12px;
}
body {
    font-size: 11px;
}
}