/*########################################################################################################*/
/*                                                                                                        */
/*                        			      Home Page                                                       */
/*                                                                                                        */
/*########################################################################################################*/

html {
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #292929;
}

html a {
	text-decoration: none;
	color: white;
}

br {
	clear: both;
}



.separator {
	width: 100%;
	border-color: rgba(0,0,0,0);
	padding: 1% 0 0 0;
}

.consultation-link {
	background-color: #D41B21;
	padding: .75% 2%;
	border: 1px solid lightblue;
	color: white;
	width: 35%;
	font-size: 1.5vw;
	text-align: center;
	margin: 0 0 4% 2.5%;
}

.consultation-link:hover {
	background-color: #B0171C;
}

/*#######################################################################*/
/*                                                                       */
/*                              Header Section                           */
/*                                                                       */
/*#######################################################################*/

#header {
	width: 100%;
	z-index: 1;
}

#header-container {
	width: 100%;
	font-weight: bold;
}
/*

LEFT MARGIN OF THE LOGO (2% 2% 2% 9%) AND PADDING FOR THE HEADER ITEM WAS CHANGED

*/

#logo img {
	width: 14%;
	margin: 1.5% 23% 1% 2%;
	float: left;
}

#grouped-header div {
	float: left;
	font-size: 1vw;
}

/* Styling for the links in the header and the drop down menu */

/*
right margin was at 1.9%
*/
.header-item {
	margin: 3% 5% 0 0;
	position: relative;
	display: inline-block;
	z-index: 12;
}

.drop-down-menu {
  	display: none;
  	position: absolute;
  	background-color: #292929;
  	width: 200%;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	padding: 10% 10%;
  	border: 1px solid grey;
}

.header-item:hover .drop-down-menu {
	display: block;
}

.drop-down-separator {
	border-color: white;
}

/* Link styling */

.header-item a:hover {
	color: #D41B21;
}

#company-link {
	width: 120%;
}

#contact-link {
	background-color: #D41B21; 
	padding: .5% 1%;
	margin: 2.5% 2.5% 0 23%;
}

#contact-link a:hover {
	color: black;
}

/* BODY IMAGE */

#body-img img {
	width: 100%;
}

#body-img-overlay-index {
  	width: 88%;
  	color: white;
  	font-size: 6vw;
  	margin: 15% 0 10% 5%;
  	opacity: .7;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
}

/*#######################################################################*/
/*                                                                       */
/*                            First Section                              */
/*                                                                       */
/*#######################################################################*/

/* 100% width grey background container */

#container-1 {
	width: 100%;
	background-color: #DADADA;
}

/* 70% center-adjusted container that holds all other elements */

#container-1-1 {
	width: 80%;
	margin: 0 0 0 10%;
}

/* Header for the first container before content */

#container-1-1-header {
	font-size: 1.8vw;
	padding: 5% 0 1% 0;
	font-family: 'Sans', sans-serif;
	font-weight: 900;
}

/* First set of content that follows the first heading */

#container-1-1-desc {
	font-size: 1.45vw;
	color: #2A2A2A;
	font-family: 'Raleway';
}

/* Second container withing the first that holds the floats elements with the pictures, descriptions, and link buttons. */

#container-1-2 {
	margin-top: 3%;
	width: 100%;
}

/* The container itself that holds the pictures, descriptions, and link buttons. */

.container-1-2-1 {
	width: 22%;
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
}

/* Image styling */

 .container-1-2-1 img {
 	width: 100%;
 }

 /* H3 styling within container */

 .container-1-2-1 h3 {
 	font-size: 1.3vw;
 	font-family: sans-serif;
 }

 /* Description styling within container */

 .container-1-2-1-desc {
 	margin-top: 5%;
 	width: 90%;
 	font-size: 1.3vw;
 	letter-spacing: .03vw;
 	line-height: 1.1em;
 	padding: 0 1%;
 	color: #474747;
 }

 /* Styling for the learn more link button */

 .learn-more-button {
 	text-align: center;
 	width: 60%;
 	margin: 10% 0 20% 20%;
 	padding: 1% 2%;
 	border: 1px solid grey;
 }

 .learn-more-button a {
 	color: black;
 	font-size: 1.4vw;
 	font-weight: bold;

 }

 .learn-more-button:hover {
 	transition: .5s;
 	border-color: #D41B21;
 }

 .learn-more-button a:hover {
 	transition: .5s;
 	color: #D41B21;
 }

/*#######################################################################*/
/*                                                                       */
/*                             Second Section                            */
/*                                                                       */
/*#######################################################################*/

 /* Container for section 2 with the white background, 100% width */

#container-2 {
	width: 100%;
	background-color: white;
}

/* Container to hold all the elements, 80% width */

#container-2-1 {
	width: 80%;
	margin-left: 10%;
	overflow: auto;
	padding-bottom: 8%;
}

/* Styling for the header and sentence in section 2 */

#container-2-1-header h3 {
	font-size: 2.5vw;
	font-family: sans-serif;
	padding: 5% 0 2% 2.5%;
}

#container-2-1-desc {
	font-size: 2.1vw;
	padding: 0 0 4% 2.5%;
}

/* Container that holds all the containers with the colorful service headers */

.container-2-1-1 {
	width: 100%;
}

/* Styling for the colorful service headings */

.container-2-1-1-left h3 {
	font-size: 2.9vw;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	margin: 1% 0 0 2%;
	text-align: center;
	width: 100%;
}

.container-2-1-1-right h3 {
	font-size: 2.9vw;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	margin: 1% 0 0 2%;
	text-align: center;
	width: 100%;
}

/* Styling for the left and right containers */

.container-2-1-1-left {
	float: left;
	width: 45%;
	padding: 2% 0 2% 2%;
	margin: 0 2.5% 7.5% 0;
	clear: left;
	font-size: 1.35vw;
}

.container-2-1-1-right {
	float: right;
	width: 45%;
	padding: 2% 0 2.5% 2%;
	margin: 0 2.5% 9% 0;
	clear: right;
	font-size: 1.35vw;
}

.container-2-1-1-center {
	width: 45%;
	padding: 2% 0 2.5% 2%;
	margin: 0 2.5% 0 27%;
	font-size: 1.35vw;
}

.container-2-1-1-center h3 {
	font-size: 2.9vw;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	margin: 1% 0 0 2%;
	text-align: center;
	width: 100%;
}

/* Containers and styling for the elements within the containers, like the icons, content, and links */

#container-2-1-1 img {
	width: 30%;
	height: auto;
	display: inline-block;
	margin: 0 0 0 35%;
}

.altered-img img {
	width: 25%;
}

.container-2-1-1-desc {
	padding: 4% 0 .5% 0;
	font-family: sans-serif;
}

.container-2-1-1-learn-more a {
	color: #15AFE0;
	font-weight: bold;
	font-size: 1.5vw;
	width: 100%;
	text-align: center;
	margin-left: 40%;
}

.container-2-1-1-learn-more a:hover {
	color: black;
}

/* Change in icon colors */

#audio-visual-services {
	color: #D41B21;
}

#collaboration-services {
	color: #D41B21;
}

#data-networking-services {
	color: #D41B21;
}

#it-infrastructure-services {
	color: #D41B21;
}

#managed-services {
	color: #D41B21;
}

#network-security-services {
	color: #D41B21;
}

#physical-security-services {
	color: #D41B21;
}

#professional-services {
	color: #D41B21;
}

#server-and-storage-services {
	color: #D41B21;
}

#wired-and-wireless-services {
	color: #D41B21;
}

/*#######################################################################*/
/*                                                                       */
/*                             Third Section                             */
/*                                                                       */
/*#######################################################################*/

/* Container for section 3 with the black background (Markets We Serve) */

#container-3 {
	width: 100%;
	background-color: black;
}

/* Container for the elements to be placed in, 80% width */

#container-3-1 {
	width: 80%;
	margin-left: 10%;
}

/* Styling for the "Markets We Serve" text */

#container-3-1-header h3 {
	font-size: 3vw;
	color: white;
	padding: 2%;
	font-family: 'Oswald', sans-serif;
}

/* Styling and containers for the images and overlays in the "Markets We Serve" section */

.container-3-1-row {
	width: 100%;
	overflow: auto;
	margin-bottom: 3%;
}

.container-3-1-box-container {
	width: 30%;
	float: left;
	margin: 0 1.5%;
	background-color: #3E3E3E;
}

.container-3-1-box-container img {
  	width: 100%;
}

.overlay {
	position: absolute;
	width: 24%;
	text-align: center;
	padding: 6.65% 0;
	background-color: #D41B21; 
	opacity: 0;
	font-size: 1.7vw;
	transition: all .25s ease-out;
}

.overlay:hover {
	opacity: .7;
	transition: 0.25s;
	font-size: 2vw;
	color: white;
}

/* Styling for the caption for each picture in the "Markets We Serve" section */

.caption {
	background-color: #3E3E3E;
	color: white;
	text-align: center;
	font-size: 1.25vw;
	font-family: 'Raleway';
	padding: 1.5% 0 2% 0;
}

/*#######################################################################*/
/*                                                                       */
/*                             Fourth Section                            */
/*                                                                       */
/*#######################################################################*/

/* Container for section 4, "Why Work With __________" */

#container-4 {
	width: 100%;
	background-image: url('../images/index/section4/backgroundimg1.png');
	background-size: cover;
	background-color: white;
}

/* Container to hold all the elements within the fourth section, width 80% */
#container-4-1 {
	width: 80%;
	margin-left: 10%;
	padding-bottom: 2%;
}

/* Containers and styling for the content with the "Why Work With ________" section */

#container-4-1-left {
	float: left;
	width: 60%;
	margin-top: 1%;
	clear: left;
}

#container-4-1-left h3 {
	font-size: 3vw;
	font-family: 'Oswald', sans-serif;
}

#container-4-1-left div {
	font-size: 1.7vw;
	line-height: 1.2em;
	margin-top: 3%;
	color: #474747;
}

#container-4-1-right {
	float: right;
	width: 25%;
	margin: 3% 5% 0 0;
	clear: right;
}

#container-4-1-right img {
	width: 100%;
	border-radius: 10px;
}

/* Styling for the phone number and consultation "button" in the "Why Work With ________" section */

#contact-us {
	width: 40%;
	font-size: 2.5vw;
	padding: 3% 0;
	clear: both;
	font-weight: bold;
}

#phone-number {
	color: #D41B21;
}

#contact-us #phone-number a {
	color: #D41B21;
}

#consultation-link {
	border: 1px solid lightblue;
	background-color: #D41B21;
	padding: 1%;
	width: 25%;
	text-align: center;
	font-size: 1.4vw;
	font-family: 'Oswald', sans-serif;
}

#consultation-link:hover {
	background-color: #B0171C;
}

/*#######################################################################*/
/*                                                                       */
/*                              Fifth Section                            */
/*                                                                       */
/*#######################################################################*/

/* Container for section 5, News and Insights */

#container-5 {
	width: 100%;
	background-color: #1F1F1F;
	border: 1px solid black;
	color: white;
}

/* Container for all the elements within section 5, 80% width */

#container-5-1 {
	width: 80%;
	margin-left: 10%;
}

/* Stlying for the "News and Insights" section */

#container-5-1 h3 {
	font-size: 2.5vw;
	font-family: 'Oswald', sans-serif;
	margin: 1% 2%;
}

#container-5-1-row {
	width: 100%;
	margin: 3% 0;
	overflow: auto;
}

.container-5-1-box-container {
	width: 30%;
	float: left;
	margin-left: 2.5%;
}

.container-5-1-box-container img {
	width: 100%;
}

.news-caption-background {
	position: absolute;
	margin: 9.25% 0 0 0;
	width: 20%;
	opacity: .7;
	background: black;
	padding: 2%;
}

.news-caption {
	position: absolute;
	margin: 9.25% 0 0 0;
	width: 20%;
	opacity: .95;
	padding: .5% 1%;
	font-size: 1.15vw;
}

.news-caption a:hover {
	color: #15AFE0;
	transition: 0.25s;
}

/*#######################################################################*/
/*                                                                       */
/*                              Footer Section                           */
/*                                                                       */
/*#######################################################################*/

/* Footer styling and containers */

#footer {
	width: 100%;
	background-color: #36434C;
	color: white;
}

/* Footer container that holds all elements within the footer, with a smaller width of 75% compared to the rest of the website's 80% width */

#footer-container-1 {
	width: 75%;
	margin-left: 12.5%;
	overflow: auto;
}

/* Footer styling for the leftmost container */

#footer-container-1-1 h3 {
	font-size: 1.5vw;
	margin: 3% 0;
	font-family: 'Oswald', sans-serif;
}

#footer-container-1-1 {
	width: 25%;
	margin: 1% 2% 1% 5%;
	float: left;
}

.footer-container-1-1-content {
	color: #AFAFAF;
	font-size: 1.3vw;
	line-height: 1.3em;
	margin: 7% 0;
}

.footer-phone-number {
	color: white;
}

.support-link:hover {
	color: #D41B21;
}

/* Styling for the social media icons within the leftmost container in the footer */

.fa {
	padding: 4%;
  	font-size: 1.6vw;
  	float: left;
  	color: white;
}

.fa:hover {
  	opacity: 0.7;
}

/* Footer containers and styling for the middle two containers in the footer */

.footer-container-1-2 {
	width: 28%;
	margin: 1% 1% 1% 5%;
	float: left;
}

.footer-container-1-2 h3 {
	font-size: 1.5vw;
	margin: 3% 0;
	font-family: 'Oswald', sans-serif;
}

.footer-container-1-2-content {
	font-size: 1.4vw;
}

.footer-container-1-2-content a:hover {
	color: #D41B21;
}

/* Some misc. styling for particular links or elements within the footer */

.footer-separator {
	border-color: grey;
	opacity: .3;
}

.footer-link {
	display: block;
	line-height: 1.25em
}

.resources-link {
	display: block;
	font-size: 1.4vw;
	line-height: 1.25em
}

/* Form styling for the rightmost container within the footer */

#form {
	background-color: #2C363E;
	float: left;
	width: 21.5%;
	margin: 1.5% 0 0 2%;
}

#form h3 {
	font-size: 1.5vw;
	font-family: 'Oswald', sans-serif;
	padding: 2% 3%;
}

#form-desc {
	width: 90%;
	margin-left: 5%;
	color: #AFAFAF;
	font-size: 1.2vw;
}

.input {
	margin: 5%;
}

.input-label {
	display: block;
	font-size: 1vw;
}

.footer-input-box {
	width: 80%;
	background-color: #21292E;
}

#footer-submit {
	color: white;
	background-color: #21292E;
	border: 1px solid grey;
	padding: 3% 5%;
	font-family: 'Raleway', sans-serif;
	width: 40%;
	font-size: .7vw;
	margin: 2% 0 8% 37.5%;
	cursor: pointer;
}

/* Styling for the section below the footer that shows copyright info */

#bottom-footer-line {
	border: 2px solid grey;
}

#footer-copyright-line {
	width: 80%;
	margin-left: 10%;
	padding: .25%;
}

#footer-copyright-line a:hover {
	color: #D41B21;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			      End of Home Page                                                */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                  Solutions Pages                                             */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-solutions {
  	width: 88%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 23% 0 20% 5%;
  	opacity: .9;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	text-align: center;
}

#solutions-container-1 {
	width: 100%;
	background-color: white;
}

#solutions-container-1-1 {
	width: 75%;
	margin-left: 12.5%;
	overflow: auto;
}

#solutions-container-1-1-left {
	float: left;
	width: 70%;
}

#solutions-container-1-1-left h3 {
	font-size: 1.8vw;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
	margin: 5% 0 2% 2%;
}

.solutions-container-1-1-left-content {
	width: 95%;
	margin: 0 0 3% 2.5%;
	font-size: 1.55vw;
	color: #474747;

}

.solutions-inline-emphasis {
	font-weight: bold;
}

#solutions-container-1-1-right {
	float: right;
	width: 29%;
}

#solutions-container-1-1-right img {
	width: 100%;
	margin-top: 10%;
}





#solutions-container-1-2 {
	width: 75%;
	margin-left: 12.5%;
	background-color: #DADADA;
	overflow: auto;
}

#solutions-container-1-2 h3 {
	font-size: 2vw;
	margin: 5% 0 2% 0;
}

#solutions-container-1-2-left {
	float: left;
	width: 20%;
	margin: 2%;
}

#solutions-container-1-2-left img {
	width: 100%;
}

#solutions-container-1-2-right {
	float: right;
	width: 75%;
}

#solutions-container-1-2-right-content {
	font-size: 1.55vw;
	color: #474747;
	width: 85%;
}

#download-link {
	background-color: #15AFE0;
	padding: .75% 2%;
	width: 15%;
	text-align: center;
	margin: 3% 0;
	font-weight: bold;
	font-size: 1.2vw;
}






#solutions-container-1-3 {
	width: 75%;
	margin-left: 12.5%;
}

#solutions-container-1-3 h3 {
	margin: 8% 0 2% 0;
	font-size: 2.4vw;
	font-family: 'Oswald', sans-serif;
}

#solutions-container-1-3-1 {
	width: 100%;
	overflow: auto;
}

#solutions-container-1-3-1 img {
	width: 30%;
	float: left;
}

#related-information-link h4 {
	font-size: 1.5vw;
	display: inline;
}

#related-information-link {
	width: 100%;
	padding: 2% 0 1% 0;
}

#related-information-link a {
	color: #15AFE0;
	padding: 0 2%;
	display: inline;
	font-size: 1.1vw;
}

#related-information-link a:hover {
	color: black;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			      End of Solutions Pages                                          */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                   Services Pages                                             */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-services {
	width: 88%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 25% 0 0 5%;
  	opacity: .9;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	text-align: center;
}

#view-projects {
	width: 100%;
	background-color: black;
	text-align: center;
	padding: 2% 0;
	font-size: 1.8vw
}

/* Hover effect not currently needed but hope to get it integrated with the completion of projects. 

#view-projects a:hover {
	color: black;
}


#view-projects:hover {
	background-color: #15AFE0;
	transition: 0.5s;
}

*/

#services-container-1 {
	width: 100%;
	background-color: white;
}

#services-container-1-1 {
	width: 80%;
	margin-left: 10%;
}

#services-div {
	font-size: 2.3vw;
}

#services-div-security {
	font-size: 2.3vw;
	width: 55%;
	float: left;
}

#security-cam {
	width: 40%;
	float: right;
}

#security-cam img {
	width: 100%;
	margin-top: 10%;
}

#services-container-1-1-content {
	padding-top: 3%;
}

#services-list h3 {
	font-size: 3vw;
	margin-bottom: 2%;
	font-family: 'Oswald', sans-serif;
}

.services-list-heading {
	font-size: 2.5vw;
	margin-left: 3%;
	font-weight: bold;
}

.services-list-content {
	font-size: 2.1vw;
}

#services-container-1-2 {
	width: 80%;
	margin: 2% 0 0 10%;
	font-size: 1.6vw;
	color: #474747;
	overflow: auto;
}

#services-container-1-2 ul {
	list-style: none;
}

#services-container-1-2 li {
	margin: 8% 0;
}




.services-container-1-2-column {
	float: left;
	width: 22.5%;
	margin: 0 1% 2% 1%;
}


#services-container-1-3 {
	width: 100%;
	background-color: black;
	color: white;
	padding-bottom: 3%;
}

#services-container-1-3-1 {
	width: 55%;
	margin-left: 22.5%;
}

#services-container-1-3-1 h3 {
	padding: 5% 0 3% 0;
	font-size: 1.7vw;
	font-family: 'Oswald', sans-serif;
	text-align: center;
}

#services-consultation-link {
	background-color: #D41B21;
	padding: .75% 2%;
	border: 1px solid darkgrey;
	color: white;
	width: 25%;
	font-size: 1.5vw;
	text-align: center;
	margin: 0 37.5%;
}

#services-consultation-link:hover {
	background-color: #B0171C;
}

.professional-services-list-heading {
	font-size: 2.5vw;
	font-weight: bold;
	margin-bottom: 2%;
	text-decoration: underline;
}

.professional-services-list {
	font-size: 2vw;
}

#services-list ul {
	list-style: none;
}

.professional-services-content-container-left {
	float: left;
	width: 45%;
}

.professional-services-content-container-right {
	float: right;
	width: 45%;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			      End of Services Pages                                           */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                     Market Page                                              */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-market {
	width: 88%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 24% 0 20% 5%;
  	opacity: .9;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	text-align: center;
}

#market-info-container-1 {
	width: 100%;
	background-color: white;
}

#market-info-container-1-1 {
	width: 80%;
	margin-left: 10%;
}

#market-info-container-1-1-content {
	font-size: 2vw;
	padding-top: 3%;
}

#consultation-container {
	padding: 3% 0 1.5% 0;
}

#market-info-consultation-link {
	background-color: #15AFE0;
	padding: .75% 2%;
	border: 1px solid lightblue;
	color: white;
	width: 25%;
	font-size: 1.5vw;
	text-align: center;
	margin: 0 37.5%;
}

#market-info-consultation-link:hover {
	background-color: #1F80BC;
}




#market-info-container-1-2 h3{
	font-size: 2.5vw;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin-bottom: 3%;
}

#market-info-container-1-2-1 {
	width: 100%;
	overflow: auto;
	padding: 0 0 3% 0;
}

.market-info-img-container {
	width: 33.3%;
	float: left;
}

#market-info-container-1-2-1 img {
	width: 100%;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			           End of Market Page                                         */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	              News and Insights Page                                          */
/*                                                                                                        */
/*########################################################################################################*/

#news-and-insights-container-1 {
	width: 100%;
	background-color: white;
	clear: both;
}

#new-and-insights-heading h3 {
	padding: .5% 15%;
	font-size: 1.5vw;
	color: #15AFE0;
	background: black;
	margin-bottom: 3%;
}

#news-and-insights-container-1-2 {
	width: 70%;
	margin-left: 15%;
	overflow: auto;
}

.news-and-insights-container-1-2-row {
	width: 100%;
}

.news-and-insights-container-1-2-row a {
	font-size: 1.5vw;
	color: #15AFE0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 2em;
}

.news-and-insights-container-1-2-row a:hover {
	color: black;
	transition: 0.4s;
	text-decoration: underline;
}

.news-and-insights-container-1-2-left {
	float: left;
	width: 30%;
}

.news-and-insights-container-1-2-left img {
	width: 100%;
}

.news-and-insights-container-1-2-right {
	float: right;
	width: 65%;
	margin-right: 3%;
	font-size: 1.4vw;
	color: #474747;
	font-weight: 400;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        		    End of News and Insights Page                                         */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	        Partners/Certifications Page                                          */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-partners {
	width: 88%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 20% 0 20% 5%;
  	opacity: .9;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	text-align: center;
}

#partners-container-1 {
	width: 100%;
	background-color: white;
}

#partners-container-1-1 {
	width: 65%;
	margin-left: 17.5%;
	overflow: auto;
}

#partners-container-1-1 h3 {
	font-size: 2.2vw;
	font-family: 'Oswald', sans-serif;
	padding: 3% 0;
}

#partners-container-1-1-left {
	float: left;
	width: 45%;
}

#partners-container-1-1-right {
	float: right;
	width: 45%;
}

.partner-line a {
	color: #15AFE0;
}

.partner-line {
	font-size: 1.6vw;
	margin: 10% 0 1% 0;
}

.partner-line-desc {
	color: #B2B2B2;
	font-size: 1.6vw;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        		           End of Partners Page                                           */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                   Support Page                                               */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-support {
	width: 88%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 25% 0 20% 5%;
  	opacity: .9;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	text-align: center;
}

#support-container-1 {
	background-color: #EEEEEE;
	width: 100%;
	padding-bottom: 3%;
}

#support-container-1-1 {
	width: 70%;
	margin-left: 12%;
	overflow: auto;
}

#support-container-1-1-left {
	float: left;
	width: 75%;
	font-size: 1.55vw;
	color: #474747;
	padding: 3% 1%;
}

#support-container-1-1-right {
	float: right;
	width: 22%;
	color: #D41B21;
	font-size: 1.4vw;
	padding-top: 3%;
}

#support-container-1-1-right h3 {
	font-size: 1.6vw;
	color: black;
}

#support-container-1-2 {
	width: 75%;
	overflow: auto;
	clear: both;
}




#support-left {
	float: left;
	width: 67%;
}

#support-right {
	float: right;
	width: 30%;
}



.support-input-label {
	font-size: 1.4vw;
	display: block;
	margin: 5px;
}




#support-container-1-2 input {
	width: 100%;
	background-color: white;
}


#support-email {
	width: 100%;
	padding-top: 10%;
}


#support-textarea {
	padding-top: 5%;
}

#support-textarea textarea {
	width: 80%;
	height: 100px;
}



#support-submit {
	width: 20%;
	padding: 1% 2%;
}

#support-submit input {
	border: 1px solid grey;
	background-color: #D41B21;
	color: white;
}

#support-submit input:hover {
	background-color: #B0171C;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			        End of Support Page                                           */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                   About Us Pages                                             */
/*                                                                                                        */
/*########################################################################################################*/

#about-container-1 {
	width: 100%;
	background-color: white;
}

#about-container-1-1 {
	width: 80%;
	margin-left: 10%;
}

#about-us-link {
	color: blue;
	text-decoration: underline;
}

#about-content-1 {
	font-weight: bold;
	font-size: 2vw;
	padding: 3% 0;
}

#about-content-2 {
	color: #474747;
	font-size: 2vw;
	padding-bottom: 5%;
}

#about-container-1-1 h2 {
	font-size: 3.5vw;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 2%;
}


#about-container-1-1 h3 {
	font-size: 2.5vw;
	font-family: 'Oswald', sans-serif;
}



.leadership-row {
	width: 100%;
	overflow: auto;
}

.leadership-photo img{
	width: 25%;
	border: 1px solid black;
	float: left;
}

.leadership-content {
	float: right;
	width: 70%;
}

.leadership-role {
	color: #474747;
	font-size: 1.5vw;
	margin-bottom: 1%;
}

.leadership-desc {
	font-size: 1.6vw;
	padding-bottom: 5%;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			          End of About Page                                           */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	                   Contact Page                                               */
/*                                                                                                        */
/*########################################################################################################*/

#body-img-overlay-contact {
	width: 80%;
  	color: white;
  	font-size: 4.5vw;
  	margin: 10% 0 20% 10%;
  	opacity: .7;
  	font-family: 'Raleway', sans-serif;
  	position: absolute;
  	z-index: 11;
  	overflow: auto;
}

#contact-left {
	float: left;
	width: 65%;
}

.contact-heading {
	font-size: 1.5vw;
	margin-bottom: 4%;
}

#contact-right {
	width: 27%;
	float: right;
	background-color: white;
	padding: 2%;
	margin: 1%;
	opacity: 1;
}

#contact-right h3 {
	font-size: 1.8vw;
	color: #474747;
}

.contact-page-info {
	font-size: 1.4vw;
	margin-bottom: 5%;
	color: #D41B21;
}


.contact-input-label {
	font-size: 1.3vw;
}

#contact-form-left {
	float: left;
	width: 47%;
}

#contact-form-right {
	float: right;
	width: 47%;
}

.contact-input {
	width: 65%;
}

#body-container img {
	opacity: .6;
}

#contact-input-textarea {
	width: 100%;
	height: 50px;
}

#contact-submit input {
	border: 1px solid grey;
	background-color: #D41B21;
	color: white;
	width: 20%;
	float: left;
	padding: 1% 2%;
	font-size: .8vw;
	margin-left: 5%;
}

#contact-submit input:hover {
	background-color: #B0171C;
	cursor: pointer;
}

/* STYLING FOR IF PAGE WAS PHP FILE WITH HEADER CHANGED TO .../?mailsent */

#info-submitted {
	font-size: 1vw;
	color: lime;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                        			     End of Contact Page                                              */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	             TOS & Privacy Page                                               */
/*                                                                                                        */
/*########################################################################################################*/

#tos-and-privacy-container-1 {
	width: 100%;
	background-color: #EEEEEE;
}

#tos-and-privacy-container-1-1 h1 {
	font-size: 3vw;
	text-align: center;
}

#tos-and-privacy-container-1-1 {
	width: 60%;
	margin-left: 20%;
	padding: 3% 0 7% 0;
}

/*########################################################################################################*/
/*                                                                                                        */
/*                                    End of TOS & Privacy Page                                           */
/*                                                                                                        */
/*########################################################################################################*/

/*########################################################################################################*/
/*                                                                                                        */
/*                        	             Info Submitted Page                                              */
/*                                                                                                        */
/*########################################################################################################*/

#info-submitted-container-1 {
	width: 100%;
	background-color: #EEEEEE;
}

#info-submitted-container-1-1 {
	width: 60%;
	margin-left: 20%;
	text-align: center;
	background-color: #D9D9D9;
}

#info-submitted-container-1-1-img {
	width: 20%;
	padding: 5% 0 0 40%;
}

#info-submitted-container-1-1-img img {
	width: 100%;
}

#info-has-been-submitted {
	font-size: 3vw;
	font-family: 'Oswald', sans-serif;
	margin: 1% 0 3% 0;
}

#thank-you-message {
	font-size: 1.85vw;
	margin-bottom: 2%;
}

#resource-info-links {
	font-size: 1.8vw;
}

#info-submitted-container-1-1-content-links {
	margin-top: 2%;
	padding-bottom: 5%;
}

.resource-link {
	background-color: #D41B21;
	padding: 1% 2%;
	margin-right: 1%;
	font-size: 1.2vw;
}

.resource-link:hover {
	background-color: #B0171C;
}

@media only screen and (max-width: 1000px) {
	#logo img {
		width: 19.5%;
		margin: 3.5% 10% 0% 2%;
	}

	#grouped-header div {
		float: left;
		font-size: 2.7vw;
		margin-top: 5.5%;
		margin-right: 7%
	}

	#contact-link {
		margin: 1.5% 0 2.5% 1.5%;
	}

}