@charset "utf-8";
/* CSS Document */
*{				
					-webkit-box-sizing: border-box;
  					-moz-box-sizing: border-box;
					-o-box-sizing: border-box;
  					box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	border:0px;
	margin:0px;
	padding:0px;
			}
			
		
			
			header{
				width: 100%;
				min-height: 100px;	
				float:left;
				font-weight:700;
				font-size: 3em;
				text-align: center;
				padding-top: 40px;
				padding-bottom: 40px;
				color:#000;
			/*	border-bottom: 3px;
				border-style: solid;
				border-color: #aaa;
				margin-bottom: 20px;
			*/	
			}
			
			nav{
			/*	min-width: 250px; */
				width: 20%;
				min-height: 200px;
				
				float:left;
			
			}	
				ul{
					margin-left:30px;
					margin-right:20px;
			/*		background: rgba(231,47,50,1.00);*/
				}
				li{
					list-style-type: none;
					margin-top:10px;
				}
					li a{
						color:#000;
						text-decoration:none;
						font-size: 1.2em;
					}
					li a:hover{
						color:#aaa;
						text-decoration:none;					
						font-size: 1.2em;
					}
			section{
				width: 80%;

		
				float:left;
				
			}
			footer{
				width: 100%;
				min-height: 50px;
				text-align: center;	
				float:left;
				margin-top:20px;
				margin-tbottom:20px;
				
			}
 @media all and (max-width: 1000px), all and (max-device-width: 1000px)
{
	header{
				width: 100%;
				min-height: 100px;	
		
	}
	nav{

				width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	section{

				width: 100%;
	}

}