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

/*Masthead Code*/

.site-masthead  {
  background-image: url("/media/mdc/feedback/images/feeback-site-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #025ea9;
  color: #fff;
}

.full-width-banner.intro-banner a {
    color: #FFF;
}

.full-width-banner {
    background: rgba(3,59,106,0.75);
    text-align: center;
    text-shadow: none;
    margin-bottom: 0px;
    margin-top: -86px;
    color: #fff;
}

.full-width-banner h2 {
    margin-top: 10px;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
}


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

.title-area {
	height: 120px;
}

.title-container {
	height: 100%;
}

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

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

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

.full-width-banner h2 {
    margin-top: 10px;
}

.navbar-static-top {
    border-width: 0 0 0px;
}


/*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 {
    margin-top: -73px;
}

.site-masthead {
    padding: 0px 0;
}



.full-width-banner h2 {
    font-size: 11px;
}

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

#siteNav .navbar-toggle {
    margin-top: 8px;
}

.banner {
    height: 20em;
}
}


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

.full-width-banner {
    margin-top: -120px;
}

}


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

.full-width-banner {
    margin-top: -121px;
}

}


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