@media all {
	body {
		color: #88172a;
		margin: 0;
		padding: 0; 
        overflow: hidden;	
	}
	ul {    
		padding: 0;    
		text-align: center;  
	}
}
@media screen and (max-width: 767px) {
body { 
		font-family: Constantia,Verdana,Arial,Helvetica,Sans-Serif; 
		font-size: 80%; 
		line-height: 2em;    
		min-width: 300px; 
	}
	ul {    
		margin: 0;
	}
}
@media screen and (min-width: 768px) {
	body { 
		font-family: Verdana,Arial,Helvetica,Sans-Serif; 
		font-size: 100%; 
		line-height: 1.5em; 
	}
	ul {    
		margin: 5px;
	}
}
@media screen {
a {    
    color: #facf9b;
    text-decoration: none;  
}
ul li {    
    display: inline;    
    margin: 0px;    
    padding: 3px 7px;
    background-color: #c74424;   
    border-radius: 5px 5px 5px 5px;    
    list-style: none;  
}
ul li:hover, ul li:focus {    
    background-color: #f8953d;    
}
}
.activeMenu {
	background-color: #f895d3;
	color: #88172a;
}