﻿/*
* Created By: MDC Web Services
* Description:  
* Revised:
*/

/*Masthead Code*/

#siteContent {
    margin-bottom: -31px;
}

.banner {
    margin-top: -30px;
    height: 40em;
}

.full-width-banner .content {
	width: 100%
}


.full-width-banner {
	background-color: #294B78;
	margin-top: -1em;
}



.row {
    margin-right: -15px;
    margin-left: -15px;
}

.intro-section .row {
 	display: flex;
}

.second-intro-section .row {
	display: flex;
}

.third-intro-section .row {
	display: flex;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    float: left;
    margin-right: 30px;
}

.intro-section .col-sm-3 {
	width: 10%;
}

.intro-section .col-sm-6 {
	width: 80%;
}

.intro-section .col-sm-3 {
	width: 10%;
}

.second-intro-section .col-sm-3 {
	width: 10%;
}

.second-intro-section .col-sm-6 {
	width: 80%;
}

.third-intro-section .col-sm-3 {
	width: 10%;
}

.third-intro-section .col-sm-3 {
	width: 10%;
}

.third-intro-section .col-sm-6 {
	width: 80%;
}

.third-intro-section .col-sm-3 {
	width: 10%;
}

.fourth-intro-section h3 {
	text-align: center;
}

.second-intro-section {
	background-color: #EEEEEE;
	padding-bottom: 3em;
}

.third-intro-section {
	background-color: #294B78;
	padding-top: 20px;
	
}


.third-intro-section h3 {
	color: #FFF;
	
}

.third-intro-section p {
	color: #FFF;
	
}

.third-intro-section a {
	color: #FFF;
	
}


.fourth-intro-section a {
	color: #FFF;
}

.fourth-intro-section h3 {
	color: #FFF;
	
}

.fourth-intro-section p {
	color: #FFF;
	
}

.fourth-intro-section {
	background-color: #294B78;
	margin-top: -1em;
	/*margin-bottom: -32px;*/
	padding-bottom: 32px;
}

.row .fourth-intro-section {
	padding-bottom: 20px;
	margin-bottom: -30px;

}

.intro-section .container {
	margin-bottom: 1px;
}




/*Responsive Queries*/

@media (max-width: 349px) {}


/* Mobile devices (iPhones, Android phones, 375px and up, also covers NEW phones) */
@media (min-width: 350px) and (max-width: 640px) {

.full-width-banner.container.content. h2 {
	font-size: 20px
}

.full-width-banner h2 {
    line-height: 1.3;
    font-size: 20px;
    margin-top: -10px;
    margin-bottom: -5px;
}


.banner{
    margin-top: -10px;
    height: 13em;
}


}


/*Mobile devices 2: Moto G4 and older iPhones*/
@media (max-width: 360px) {}


/*iPhone X, Google Pixel 2*/
@media (min-width: 370px) and (max-width: 480px) {}


@media (min-width: 480px) and (max-width: 640px) {}


@media (max-width: 640px) {
	
	.full-width-banner {
	.text-shadow: none;
}

}


@media (min-width: 641px) and (max-width: 767px) {}


@media (max-width: 767px) {
}


/* Small Devices 1: (iPad Classic)*/
@media (min-width: 768px) {}


/* Small devices 2: (tablets, iPad classic, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {}


@media (min-width: 992px) {}


@media (max-width: 1024px) {}


/* Small devices 3: (Newer tablets, iPad Pro, 1024px and up) */
@media (min-width: 991px) and (max-width: 1024px) {}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}


/* Large devices 2: (1080p FULL HD laptops, 1920px and up) */
@media (min-width: 1920px) {}


/* Large devices 3: (Large desktops, wide monitors, 4k monitors, 2400px and up) */
@media (min-width: 2400px) {}



























































































