@media (min-width: 0px) and (max-width: 399px) {
    .logo {
        width:150px;
    }
	.main-menu li a {
		font-family: "Arial", cursive, sans-serif;
	}	
}
@media (min-width: 400px) and (max-width: 999px) {
    .logo {
        width:220px;
    }
	.main-menu li a {
		font-family: "Arial", cursive, sans-serif;
	}	
}
@media (min-width: 1000px) and (max-width: 1399px) {
    .logo {
        width:300px;
    }
	.main-menu li a {
		font-family: "Comic Sans MS", cursive, sans-serif;
	}
}
@media (min-width: 1400px) and (max-width: 9000px) {
    .logo {
        width:420px;
		
    }
	.main-menu li a {
		font-family: "Comic Sans MS", cursive, sans-serif;
	}
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
	.main-menu li a {
		font-family: "Arial", cursive, sans-serif;
	}	
}