body{
	font: 16px/1.2 Helvetica, Arial, Verdana;
	letter-spacing:0.0mm;
	padding:0;
	margin:0;
	background-colour:#FFFFFF
}
	/* website links */
	a{
		text-decoration: none;
		color: red;

}

	/* Global */
	.container{
	width:80%;
	margin:auto;
	overflow:hidden;
}

	ul{
	margin:0px;
	padding:0px;
}

	.button_1{
	 height:20px;
	 background:#FF0000;
	 border:3;
	 padding-left:10px;
	 padding-right:20;
	 color:#FFFFFF;
}

	.dark{
		padding:15px;
		background:#7cb2ef;
		color:#ffffff;
		margin-top:10px;
		margin-bottom:10px;		
}

	/* Header **/
	header{
	background:#000000;
	color:#FFFFFF;
	padding-top:30px;
	min-height:70px;
	border-bottom:#FF0000 3px solid;
}
	header a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform: lowercase;
	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:10px;
}

 	header .current a{
	color:#FF0000;
	font-weight:bold;
}

	header a:hover{
	color:#FF0000
	font-weight:bold;
}

	
	/* Showcase */
	#showcase{
	min-height:400px;
	background:url('../images/BKG banner.png') no-repeat;
	text-align:center;
	color:#FFFFFF;
}

	#showcase h1{
	margin-top:100px;
	font-size:55px;
	margin-bottom:10px;
}

	#showcase p{
	font-size:20px;
}

	/* Newsletter */
	#newsletter{
	padding: 30px;
	color: #000000;
	background-image: url(%27../images/MakeContact.png%27)
}

	#newsletter h1{
		float:left;
}

	#newsletter form {
		float:right;
		margin-top:15px;
}
	
	#newsletter input[type="email"]{
		padding:4px;
		height:25px;
		width:250px;
}

 #newsletter button, .quote button{
 display:block;
 width:100%;
 
}

#newsletter form input[type="email"], .quote input, .quote textarea{
	width:100%;
	margin-bottom:5px;
}

	/* Boxes */
	#boxes{
	margin-top:20px;
}

	#boxes .box{
	float:left;	
	align:center;
	width:30%;
	padding:10px;
	font:16px/16px Helvetica;
}

	#boxes .box images{
		width:90px;
}

	/* Sidebar */
	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:80%;
}

	/* 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:#000000;
	background-color:#dee2e4;
	text-align: center;

}

	footer ul{
	margin:0;
	padding:0;
	
}
	footer li{
		float:center;
		display:inline;
}

	/* 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%;
}
	/* Images */
	.responsive img{
		width: 100%;
		max-width: 100%;
}

	header{
		padding-bottom:30px;	
}

	#showcase h1{
		margin-top:40px;
	
}

form {
  max-width: 50%;
  margin: 0 auto;
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 5px;
}

label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.checkbox-list li {
  list-style-type: none;
  margin-bottom: 10px;
}

input[type="checkbox"] {
  margin-right: 5px;
}

textarea {
  resize: vertical;
}

input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

input[type="submit"]:hover {
  background-color: #45a049;
}

/* Additional Styling */
body {
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
}


.form-container {
  text-align: center;
}

h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}

.download-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.download-link img {
  width: 100%;
  max-width: 200px;
}

.download-link span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #fff;
  background-color: #337ab7;
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  opacity: 0.9;
  transition: opacity 0.3s ease-in-out;
}

.download-link:hover span {
  opacity: 1;
}

.container {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}

h2 {
  text-align: center;
}

form label {
  display: block;
  margin-top: 10px;
}

form input,
form textarea {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
}

form input[type="submit"] {
  width: auto;
  margin-top: 10px;
  cursor: pointer;
}