@charset "utf-8";
/* CSS Document */

html,
html *{
	padding:3px;
	margin: 3px;
	box-sizing: border-box;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}

header {padding: 25px;}


.style-logo {
    float: left;
}

.style-font {align-items: center;}

.style-nav ul {list-style-type: none;}

.style-nav 
nav {
	margin: 20px 0;
	background-color: #FF4649;
}
nav ul {
	padding: 5px;
        margin: 0px;
	list-style: none;
	position: relative;
	}	
nav ul li {
    display: inline-block;
    background-color: #C50306;
	}
nav a {
	display:block;
	padding: 0 5px;	
	color:#FFF;
	font-size:15px;
	line-height:20px;
	text-decoration:none;
}
nav a:hover { 
	background-color: #333; 
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 20px; 	
}	
nav ul li:hover > ul {
	display:flex;
}	
nav ul ul li {
	width:60px;
	margin: 5px;
	display:block;
	}


	/*tablet view*/
		

	@media (min-width: 768px)
		{.style-nav 
		ul li {display: inline-table;}
	.style-nav 
	ul {text-align: center;}
}




	/*desktop view*/
		
@media (min-width: 1024px){
	
	.style-nav ul li {display: inline-table;}
	.style-nav ul {text-align: center;}
		
}
h2 {margin:3px; padding:3px; border-width:3px;}