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


body {
background-image: url(../images/site_graphics/washington-dc-bg.jpg);
background-position: center top;
background-repeat: no-repeat;
}


.carousel img {
border: 3px solid rgb(40,53,147);
margin-right: 10px;
}


.container-for-slider {
height: 220px;
margin: 65px auto;
width: 90%;
}


#header-inner {
bottom: 0;
display: block;
height: 100%;
margin: 0 auto;
max-width: 50vh;
overflow: hidden;
padding: 0 0 20px 0;
position: relative;
z-index: 1000;
}

#header-inner img {
bottom: 0;
display: block;
height: 85%;
margin: 0 auto 8px;
max-width: 800px;
position: absolute;
width: 100%;
z-index: 10000;
}



#header-outer {
background-color: red;
display: block;
height: 6vh;
overflow: hidden;
padding: 0; 
position: absolute;
top: 0;
width: 100%; 
z-index: 100;
}


#page-container {
margin: 0 auto;
max-width: 1400px;
}


.slider {
border: none;
display: block;
height: 220px;
margin: 20px auto;
opacity: .2;
padding: 0;
position: relative;
width: 100%;
z-index: 20;
}


#top-nav {
height: 110px;
margin: 0 0 40px 0;
opacity: 1;
position: relative;
width: 100%;
z-index: 100;
}



/* 1792x828px at 326ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 

.carousel img {
max-width: 95% !important;
height: auto;
}



}


/* iPhone 6 portrait */
@media (max-width : 375px) /* or 213.4375em */
 
{ 
.carousel img{
max-width: 95% !important;
height: auto;
}

}

#page-container {

}



}