body{
			font: 15px/1.5 Arial, Helvetica,sans-serif;
			padding:0;
			margin:0;
			background-color:#f4f4f4;
		}
		
		/* global */
		.container{
			width:80%;
			margin:auto;
			overflow:hidden;
		}	
		
		ul{
			margin: 0;
			padding: 0;	
		}
		
		.button_1{
			height:38px;
			background:#088c34;
			border:0;
			padding-left: 20px;
			padding-right: 20px;
			color:#ffffff;
		}
		
			
		/* Header */
		header{
			background:35424a;
			color:#088c34;
			padding-top: 30px;
			min-height: 70px;
			border-bottom:#088c34 3px solid;
		}
				
		header a{
			color: #000000;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 14px;
		}	
		
		header li{
			float:left;
			display:inline;
			padding: 0 15px 0 15px;
		}	
		
		header #branding{
			float:left;
		}	
		
		header #branding h1{
			margin:0;
		}	
		
		header nav{
			float:right;
			margin-top:10px;
		}
		
		header .hightlight, header .current a{
			color:#088c34;
			font-weight:bold;
		}	
		
		header a:hover{
			color:#cccccc;
			font-weight:bold;
		}	
			
		/* Showcase */
		#showcase{
			min-height: 400px;
			background: url("eulagybannerrevision2019.jpg") no-repeat;
			background-size: 2000px 600px;
			text-align:center;
			color:#000000;
		}
		
		#showcase h1{
			margin-top:100px;
			font-size:35px;
			margin-bottom:10px;
		}
		
		#showcase p{
			font-size:20px;
		}
		
		/* newsletter */
		#newsletter{
			padding:15px;
			color:#088c34;
			background:35424a;
		}
		
		#newsletter h1{
			float:left;
		}
		
		#newsletter form{
			float:right;
			margin-top:15px;
		}
		
		#newsletter input[type="email"]{
			padding:4px;
			height:15px;
			width:250px;
		}
			
		/* boxes */
		#boxes{
			margin-top:20px;
		}
		
		#boxes .box{
			float:left;
			text-align: center;
			width:30%;
			padding:10px;
		}			
		
		#boxes .box img{
			width:120px;
		}
		
				
		footer{
			padding:20px;
			margin-top:20px;
			color:#ffffff;
			background-color:#088c34;
			text-align: center;
		}
		
		/*sidebar */
		aside#sidebar{
			float:right;
			width:30%;
			margin-top:30px
		} 
		
		/*media queries */	
		@media(max-width: 766px){
			header #branding
			header nav, 
			header nav li,
			#newsletter h1,
			#newsletter form,
			#boxes .box {
			
				float:none;
				text-align:center;
				width:100%
				
			}
			
			header{
				padding-bottom:20px;
			}
			
			#showcase h1{
				margin-top:40px;
			}
			
			#newsletter button{
				display:block;
				width:100%;
			}
			
			#newsletter form input[type="email]{
				width:100%;
				margin-bottom:5px;
			}
			
			
		}