/*
* Created By: MDC Web Services
* Description:  
* Revised:
*/

/*Masthead Code*/

.banner {
    margin-top: -30px;
    /*height: 35em;*/
	height: 46em;
	background-position: top !important;
}

.title-area {
	height: 120px;
}

.title-container {
	height: 100%;
}

.title-name h1{
	font-size: 50px;
}

.navbar.navbar-default.navbar-static-top.mdc-nav {
	border-color: transparent;
}

.full-width-banner h2 {
    margin-top: 1rem;
}

.full-width-banner p {
    font-size: 1em;
    line-height: 1.2;
}

.intro-section .row {
  margin-top: 3em;
  margin-bottom: 3em;
}

.full-width-banner.intro-banner {
	padding: 2px;
}

.full-width-banner .content {
    width: 100%;
}

.featured-panel {
	margin-bottom: 40px;
}

.intro-section .thumbnail-title {
    margin: 0.25em;
    text-align: center;
    font-weight: bold;
}

.full-width-banner.second-intro-banner {
	background-color: #EEEEEE;
}

.second-intro-section .container {
	background-color: #f5f5f5;
	margin-bottom: 50px;
	padding-top: 15px;
    padding-right: 15px;
}

.third-intro-section .img-responsive {
	margin-left: auto;
    margin-right: auto;
}

.fourth-intro-section .img-responsive {
	margin-left: auto;
    margin-right: auto;
}

.full-width-banner.second-intro-banner{
	color: #000;
	text-shadow: none;
	/*font-size: 7px;*/
}

hr {
	border-top: 1px solid #000;
}

/*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) {
.banner {
    margin-top: -20px;
    height: 11em;
}

.title-area {
    height: 85px;
}

.title-name {
    width: 250px;
}

.title-name h1 {
    font-size: 32px;
}

.full-width-banner h2 {
    margin-top: -1em;
    font-size: 18px;
    margin-bottom: -1em;
}

.full-width-banner.intro-banner {
    padding: 20px;
}

.intro-section img:first-child {
  margin-left: 5px;
}

.intro-section {
    margin-top: -2em;
    margin-bottom: -3em;
}


}


/*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) {}


@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) {}