@font-face {
  font-family: 'Roboto';
  src: url('/css/fonts/Roboto-Light.ttf');
  src: url('/css/fonts/Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.custom-alert { z-index: 9999999999999;position: fixed;top: 150px;left: 38%; padding: 50px 30px 50px 30px;box-shadow: 10px 10px 10px 3px #ccc;width: 300px; cursor: pointer; -webkit-transition: all 500ms; }

@media screen and (max-width: 500px) {
 
	.main-box h1{
 		font-size: 40px;
	}
	#top .menu {
		display: none;
	}
	.main-box-cover {
    	padding: 20px;
	}
	.main-box h4 {
    	font-size: 14px;
	}
	#top .lang {
	    position: absolute;
	    right: 0;
	    top: 0;
	}	
}

@media screen and (min-width: 500px) and (max-width:768px ) { 
	#top ul.menu { display: none; }
	#top .lang {
	    position: absolute;
	    right: 0;
	    top: 0;
	}
}