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

/*Code to standardize paddings across different browsers*/
/*
html, html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
*/


/*Code for fixing the grid system (from "Create a responsive grid layout" video on Adobe tutorials*/

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

.row:after {
	clear: both;
}



body {
	margin-left: auto;
	margin-right: auto;
/*	bottom: 0;*/
}

/*Header Styles*/

header {
	background: #000;
	color: #fff;
	width: 100%;
/*	max-width: 100%;*/
	top: 0px;
/*	padding: 40px;*/
	padding-top: 10px;
	position: fixed;
/*	text-align: center;*/
	margin-left: auto;
	margin-right: auto;
/*	margin-top: auto;*/
	display: block;
}

.style-logo-small {
	display: inline-block;
	width: 15%;
	max-width: 15%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
/*	float: left;*/
}

.style-nav {
/*	float: none;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.style-nav ul {
	list-style-type: none;
	text-align: center;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
}

.style-nav ul li {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
}

.style-nav ul li a {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
/*	display: block;*/
/*	text-transform: uppercase;*/
/*	padding: 10px;*/
}




/************* Sections styles *****************/

.section-summary {
	padding-bottom: 20px;
}

/*Main section*/

.intro {
	background: #000;
/*	background-image: url("images/main_dv_logo.png");*/
/*	padding: 150px;*/
	text-align: center;
	padding-top: 250px;
	padding-bottom: 150px;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*Services section*/
.our-services {
	margin: 10px;
	padding: 10px;
}


/*Team section*/
.our-team {
/*	margin-top: 100px;*/
/*	padding: 0px 15px 50px;*/
/*	margin: 10px;*/
	padding: 10px;
	background: #033E79;
	color: #707070;
}

.our-team h3 {
	color: #FFFFFF;
	text-align: center;
}

.ceo-pic {
	align-self: center;
}

.carmem-photo {
	text-align: center;
}

.carmem-photo-caption {
	color: #FFFFFF;
}


/*Contact section*/

.contact-us {
/*	margin-top: 100px;*/
/*	padding: 0px 15px 50px;*/
	margin: 10px;
	padding: 10px;
}

.contact-opt-circle {
	float: left;
}

.option-heading h5 {
	position: relative;
	top: 5px;
	left: 10px;
}



/**************** Footer Styles ******************/


footer {
	background: #000;
	border: solid;
/*
	margin-bottom: -10px;
	bottom: -50px;
*/
}


.contact-form-opt2-text {
	text-align: center;
	background: #0E38E0;
}


/******** Media queries will go here ***********/

/*Tablet view*/

@media (min-width: 768px){
	
	body {
		max-width: 778px; 
		
	}
	
	header {
/*		width: 100%;*/
		max-width: 778px;
	}
	
	header .col {
		float: none;
	}
	
	.style-logo-small {
		max-width: 10%;
	}
	
	.style-nav {
/*		float: right;*/
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.style-nav ul {
/*		float: right;*/
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.intro {
		width: 100%;
		max-width: 100%;
	}
	
	.style-logo {
		width: 70%;
	}
	
	.our-services {
/*		padding-bottom: 500px;*/
		margin: auto;
	}
	.col-md-one-third {
		width: 33%;
/*		float: left;*/
	}
	
	.col-md-one-fourth {
		width: 25%;
/*		float: left;*/
	}
	
	.services-descriptions {
/*		margin: auto;*/
		padding:10px;
	}

	.col {
		float: left;
	}
	
	
	
	.contact-form-opt1 {
		width: 100%;
	}
	
	.contact-form-opt2 {
		width: 100%;
		
	}
	
	.contact-form-opt2-text {
		text-align: center;
		background: #EA0D11;
	}
}


/*Desktop view*/

@media (min-width: 1024px){
	
	body {
		max-width: 1200px;
	}
	
	header {
		max-width: 1200px;
	}
	
	.style-logo-small {
		max-width: 8%;
	}
	
	.style-logo {
/*		width: 70%;*/
		max-width: 50%;
	}
	
	.carmem-photo {
		width: 30%;
		float: left;
	}
	
	.team-description {
		width: 70%;
		float: right;
	}
	
	.team-description p {
		text-align: right;
	}
	
	.contact-form-opt1 {
		width: 60%;
	}
	
	.contact-form-opt2 {
		width: 40%;
	}
	
	.contact-form-opt2 p {
		text-align: right;
	}
	
/*
	.contact-form-opt2-text {
		text-align: right;
	}
	
*/
	
}




/*Headings & Paragraph Styles*/

h1 {
/*	font-family: Gibbs, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";*/
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: medium;
	font-size: 90px;
/*	letter-spacing: .2em;*/
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
/*	margin: auto;*/
}

h2 {
/*	font-family: Gibbs, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";*/
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
	font-size: 20px;
/*	letter-spacing: .07em;*/
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	margin: 60px;
}

h3 {
/*	font-family: Gibbs, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";*/
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*	font-weight: inherit;*/
	font-weight: 400;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
/*	margin: 60px;*/
}


h4 {
/*	font-family: Gibbs, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";*/
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*	font-weight: lighter;*/
	font-weight: 300;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
/*	margin: 60px;*/
}

/*
h5 {
	font-family: Gibbs, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-weight: medium;
	font-size: 20px;
	text-align: left;
	color: #000;
	margin: 60px;
}
*/


p {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 400;
	font-size: 16px;
	color: #707070;
	text-align: center;
}

.section-summary-blurb {
	font-family: Gibbs, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 400;
	font-size: 18px;
}



.carmem-photo-caption p {
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

.contact-form-opt1-text {
	text-align: left;
}

/*
.contact-info {
	width: 100%;
}
*/

.contact-info p {
	margin: 0;
/*	padding: 0;*/
	font-size: 24px;
	color: #000;
	text-align: center;
/*	background
	padding-bottom: 200px;: #2EEC0E;*/
/*	line-height: .75em;*/
}


footer .style-nav {
	padding-top: 10px;
	padding-bottom: 50px;
}

.footer-text {
	color: #FFFFFF;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.last-updated-text {
	color: #707070;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}