body{
	
	font:15px/1.5Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
	background-color:#f4f4f4;
}
/* Global */
.container{
	width:80%;
	margin:auto;
	overflow:hidden;

}
ul{
	list-style: none;
}
header ul{
	list-style: none;
	margin:0;
	padding:0;

}
.button_1{
	height:38px;
	background:#e8491d;
	border:none;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
}
.dark{
	padding:15px;
	background:#35424a;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
}
/* Header */
header{
	background:#35424a;
	color:#ffffff;
	padding-top:30px;
	min-height:70px;
	border-bottom:e8491d 3px solid;

}
header a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;

}

header li{
	float:left;
	display:inline;
	padding:0 20px 0 20px;

}
header #branding{
	float:left;
}
header #branding h1{
	margin:0;
}
header nav{
	float:right;
	margin-top:10;
}
header .highlight, header .current a{
	color:#e8491d;
	font-weight:bold;
}
header a:hover{
	color:#cccccc;
	font-weight:bold;
}
/* showcase */
#showcase{
	min-height:400px;
	background:url('../img/showcase.jpeg') no-repeat 0 -400px;
	text-align:center;
	color:#f4f4f4;
	font-weight:bold;
	position: relative;
}
#showcase .container{
	z-index: 2;
	position: relative;
}
#showcase h1{
	margin-top:100px;
	font-size:55px;
	margin-bottom:10px;
}
#showcase p{
	font-size:20px;
}
#showcase::after{
    position: absolute;
    z-index: 1;
    inset: 0;
	content: "";
    background-color: rgba(0 , 0, 0, 0.6);
}

/* Newsletter */
#newsletter{
	padding:15px;
	color:#ffffff;
	background:#35424a;
}
#newsletter h1{
	float:left;
}
#newsletter form {
	float:right;
	margin-top:15px;

}
#newsletter input[type="email"]{
	padding:4px;
	height:25px;
	width:250px;
}
/* Boxes */
#boxes{
	margin-top:20px;


}
#boxes .box{
	float:left;
	width:30%;
	padding:10px;
}
#boxes .box img{
	width:90px;

}
/*side bar*/
aside#sidebar{
	float:right;
	width:30%;
	margin-top:10px;
}
aside#sidebar .quote input,aside#sidebar .quote textarea {
	width:90%;
	padding:5px;

}
/*Main-col*/
article#main-col{
	float:left;
	width:65%;

}
/*Services*/
   ul#Services li{
	list-style: none;
	padding:20px;
	border:#cccccc solid 1px;
	margin-bottom:5px;
	background:e6e6e6;
}

footer{
	padding:20px;
	margin-top:20px;
	color:#ffffff;
	background-color:#e8491d;
	text-align:center;

}
/*Media Queries*/
@media(max-width: 768px){
      header #branding,
      header nav,
      header nav li,
      #newsletter h1,
      #newsletter form,
      #boxes .box,
	  article#main-col,
	  aside#sidebar{
      	float:none;
      	text-align:center;
      	width:100%;

      }
      header{
	      padding-bottom:20px;
      }
      #showcase h1{
      	margin-top:40px;
      }
      #newsletter button, .quote button{
      	display:block;
      	width:100%;
      }
      #newsletter form input[type=email], .quote input, .quote textarea{
      	width:100%;
      	margin-bottom:5px;
      }
}