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

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	background-color:
}


header {
	padding:   
	}


img {
	width: 100%;
	max-width: 100%;
	height:auto;
	vertical-align:middle;
}


.footer {
	padding:20px 30px;
}

body {
	margin-left:auto;
	margin-right:auto;
	}


.style-logo {
	margin-left: auto;
	margin-right:auto;
	display:block;
	width:192px;
}


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


.style-nav ul li a {
	text-decoration:none;
	color:#118BA0;
	text-align:center;
	display:block;
	text-transform:uppercase;
	padding:8px;
}	


.hero {
	background-image:url(Images/Hero.png);
	background-size: cover;
	padding: 40px 20px 40px 20px;
	color:#FFFFFF;
	text-align:center;
}


h2 {
	font-size:18px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:200;
	margin-bottom:auto;	
	margin-top:auto;
}


h3 {
	font-size:26px;
	text-transform:lowercase;
	font-weight:200;
	margin-bottom:auto;	
	margin-top:auto;
}


p {
	font-size:16px;
	font-weight:400;
	margin-bottom:35;	
}


.info-box-tan {
	background-color:#b9a88e;
	color:#FFFFFF;
	padding: 30px 20px 40px;
	text-align:center;
	}
	
	
.info-box-tan-about {
	background-color:#b9a88e;
	color:#FFFFFF;
	padding: 30px 20px 40px;
	text-align:center;
	}
	
	
	
.info-box-tan-graphicdesign {
	background-color:#b9a88e;
	color:#FFFFFF;
	padding: 30px 20px 10px;
	text-align:center;
	}


.info-box-dark {
	background-color:#3a4347;
	color:#FFFFFF;
	padding: 30px 20px 10px;
	text-align:center;
	}
	
.info-box-dark-contact {
	background-color:#3a4347;
	color:#FFFFFF;
	padding: 30px 50px 40px;
	text-align:center;
	}
	
	
.info-box-blue {
	background-color:#1191a0;
	color:#FFFFFF;
	padding: 30px 20px 10px;
	text-align:center;
	}	
	


	
.footer-text {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 20px;
}


.row:before, .row:after {
	content: "";
	display:table;
}


.row:after {
	clear:both;
}


.col {
	width: 100%;
	
	}





/* Tablet view */

@media (min-width: 768px) {
	
	body {
		max-width: 1080px;
		}
		

	
	.style-nav ul li {
		display:inline-block;
		padding-top:10px;
	}
	
		
	.style-nav ul {
		text-align:center;
	}
	
	h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}	

	.col-md-one-half {
		width: 50%;
	}
	
	.col {
		float: left;
		padding: 8px 8px 8px;
	}

.info-box-dark-contact {
height: 200px;

	}
.info-box-tan-about {
height: 200px;
	}

}
	
		
/* Desktop view */

@media (min-width: 1080px) {
	
	body {
		max-width: 1200px;
		}
	
	.style-logo {
		float:left;
		padding-left:32px;
	}
	.style-nav {
		float:right;
		padding:32px;
	}

	.col-lg-one-fourth {
		width: 25%;
	}
	
.info-box-tan {
	padding: 30px 50px 40px;
	}	

	}