@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}

	
#menu1{
	overflow:hidden;
	background:none;
	right:0;
	float:none;
	position:static;
	top:0;
	width:100%;
	margin:3em 0;
}

#menu1 a{
	width:24.5%;
	margin: .25%;
    float: left;
    background: rgba(240 240 240 /.7);
    color: #555;
    border: 1px solid rgba(10 30 50 / .4);
    padding: 0.5em 0;
    text-align: center;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

#menu1 a:hover{
	text-decoration:none;
    border: 1px solid rgba(10 30 50 / .9);
	-webkit-box-shadow:inset 0 0 0 2px rgba(10 30 50 / .9);
	box-shadow:inset 0 0 0 2px rgba(10 30 50 / .9);
	transition-duration:.3s;
	transition-timing-function:ease-out;
}

#menu1 p{
	clear:both;
	padding-top:1em;
}

}

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

#menu1{
	left:0 !important;
}

#menu1 div{
	width:100%;
	float:none;
}

}

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

#menu1 a{
	width:49%;
	margin:.5%;
}

}

@media screen and (max-width:480px){
	
.slider > div > a > p {
	text-align:center !important;
}

#menu1 a{
	width:99.5%;
}

h1 > span{
	display:block;
	font-size: .9em;
}

}
