html,body {
	font: 18px/1.5em "proxima-nova", Helvetica, Arial, sans-serif;
	padding:0px;
	height:100%;
	font-size:18px;
}

#menu {
	
	background:radial-gradient(
    rgba(255, 255, 255, 1) 0,
    rgba(222, 222, 222, 1) 50%,
    rgba(204, 204, 204, 1) 100%);
	width:100%;
	height:100px;
	position:relative;
	
}

.menuitem{

	width:120px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
}


/*img {                                 ------ it works on iOS, Firefox and Safari, it does not work on IE, Chrome and Android
    image-orientation: from-image;
}*/


@media only screen and (min-width: 1001px){
	#contleft {display:block;}
	.menuitem {width:120px;}
	body {font-size:18px;}
	h1 {font-size:24px;}
	}
@media only screen and (max-width: 1000px){
	#contleft {display:block;}
	.menuitem {width:100px;}
	body {font-size:18px;}
	h1 {font-size:24px;}
	}
@media only screen and (max-width: 720px){
	#contleft {display:none;}
	.menuitem {width:80px;}
	body {font-size:14px;}
	h1 {font-size:18px;}
	}
@media only screen and (max-width: 419px){
	#contleft {display:none;}
	.menuitem {width:80px;}
	body {font-size:14px;}
	h1 {font-size:18px;}
	}