@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

html, html5, body, p, h1, h2, h3, div,a{
    font-size:18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color:#636363;
}
body{
    height:100vh;
    width:100vw;
}

h2{
    font-size:22px;
}
div.row-flex{
  display: flex;
  display:-webkit-flex;
}
.col-align-bottom {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction:column;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

div[class^="col-"]{
    margin-right:0px;
    margin-left:0px;
    padding-left:0px;
    padding-right:0px;
}	


div.menu-container, div.body-container{
    margin-left:.75rem; margin-right:.75rem;
}

div.body-container{
    padding-bottom: 100px;
}

div.menu-row> div > nav{
    margin-bottom:0px;
}

div.rainbow-container{
    height:.6rem; min-width:100vw;margin-top:0px;
    background: linear-gradient(to right, darkred,red,darkorange,gold,yellowgreen,darkgreen,#2b3970,mediumblue,navy,purple,#1c013a);  
    background: -webkit-linear-gradient(left,darkred,red,darkorange,gold,yellowgreen,darkgreen,#2b3970,mediumblue,navy,purple,#1c013a);
    border-top:1px solid rgb(99,99,99);
    border-bottom:1px solid rgb(99,99,99);
}  

div.copyright{
    color:#e1e1e1;
    padding-top:1rem;
    padding-bottom:1rem;
    margin-left:auto;
    margin-right:auto;
}

footer{
    position:fixed;
    width:100%;
    background-color:white;
    bottom:0;
    padding-bottom:9vh;
}

ul#social-bar-xs{
    margin-bottom: 0px;
    margin-top:13px;
}

ul#social-bar-xs.list-inline > li{
    padding-right:15px;
    padding-left:0px;
}

img.social-icons{
    width:23px;
}     

img#production-logo-xs{
    width:155px;
}

div#xs-logo{
    padding-right:1.2rem;
    padding-top:0px;
    padding-bottom:6px;
}

div.title-row> div{
    margin-top: 6vh;
    margin-bottom:0px;
}
    
img.ead-image{
    width:100px;
    vertical-align: bottom;
    margin-bottom:6px;
    margin-right:1rem;
    margin-left:-5px;
    text-align: left;
}

div.page-image{
    min-height: 155px;
}

div.row.copy-row{
    padding-bottom:50px;
}

/* BOOTSTRAP MENU OVERRIDES */
.navbar{
    border-radius: 0;
    margin-bottom: 0px;
    min-height:1px;
    padding-bottom:0px;
}
    
.navbar-default{
    border:none;
    background-color:#fff;
}
    
.navbar-toggle{
    margin-bottom:0px;
    border:1px solid;
    float:left;
    margin-top:0px;
    padding: 11px 11px;
    margin-left:.75rem;
}
    
.navbar-nav > li > a{
    padding-top:5px;
    padding-bottom:5px;
}

.navbar-collapse{
    padding-left:0px;
    padding-right:0px;
    border-bottom: 1px solid #e7e7e7;
    border-top:1px solid #e7e7e7;
    overflow: hidden;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background-color:#fff;
    font-weight: 700;
    /*
     text-shadow: 0.75px 0.3px #636363;
    -webkit-text-stroke: .25px #636363;
    */

}

 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    background-color:#fff;
    font-weight: 700;
    /*
     text-shadow: 0.75px 0.3px #636363;
    -webkit-text-stroke: .25px #636363;
    */
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff;
    font-weight: 700;
    /*
     text-shadow: 0.75px 0.3px #636363;
    -webkit-text-stroke: .25px #636363;
    */
}
    
.dropdown-menu > li > a {
    padding-left:0px;
    color:#636363;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{
    margin-bottom:0px;
   
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    background-color:#fff;
    font-weight: 700;
    /*
     text-shadow: 0.75px 0.3px #636363;
    -webkit-text-stroke: .25px #636363;
    */
}
.dropdown-menu {
    margin: 0;
    text-align: left;
    border: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav .open .dropdown-menu>li>a{
    padding-top:5px;
    padding-bottom: 5px;
}

nav.navbar.navbar-default{
    padding-bottom: 4px;
}
        
@media(min-width:567px){
    footer{
        padding-bottom:9vh;
    }
    div.rainbow-container{
        height:.6rem;
    }      
    div.menu-container, div.body-container{
        margin-left:2.3rem; margin-right:2.3rem;
    }   
    
    ul#social-bar-xs.list-inline > li{
        padding-right:8px;
        padding-left:8px;
    }
    img.social-icons{
        width:24px;
    }     
    img#production-logo-xs{
        width:135px;
    }
    div#xs-logo{
        margin-top:3px;
    }
    div.title-row> div{
        margin-top: 7vh;
        margin-bottom:0px;
    }
    
    div.title-row>div.about-info{
        margin-top: 16vh;
    }
    
    /* BOOTSTRAP MENU OVERRIDES */
    .navbar-toggle{
        margin-top:0px;
    }            
}

@media(min-width:768px){
    html, html5, body, p, h1, h2, h3, div,a{
        font-size:14px;
    }
    h2{
        font-size:20px;
    }
    /* MAIN BODY ELEMENTS */
    
    .container-fluid{
        padding-left:0px;
    }
    
    div.menu-container, div.body-container{
        margin-left:4.5rem; margin-right:0rem;
    }

    div.body-container{
        padding-bottom: 100px;
    }
    div.rainbow-container{
        margin-top:9px;
    }    
        div#lg-logo{
        margin-bottom: 4px;
    }
    
    div.copyright{
        width:183px;
        padding-right:0;
    }
    /* BOOTSTRAP MENU OVERRIDES */
    .navbar-nav > li > a{
        padding-top:0px;
        padding-bottom:0px;
    }
    
    .navbar-default .navbar-nav>li>a{
        color:#636363;
    }
    .navbar-collapse{
        border:none;
    }
  
    .nav > li > a{
       padding-left: 0px;
       padding-right:2.1rem;
       padding-top:10px;
       margin-top:-1px;
       margin-bottom: -3px;
    }       
    
    ul#social-media-icons.list-inline > li{
        padding-right:0px;
        padding-left:18px;
    }
    img.social-icons{
        width:24px;
    }       
    img#logo-image{
        width:185px;
    }    
    
    div.title-row> div{
        margin-top: 25vh;
        margin-bottom:0px;
    }
    
    
    div.page-image{
        margin-left:-7px;
        margin-right:.8rem;
        min-height: 227px;

    }
        
    img.ead-image{
        height:225px;
        width:auto;
        vertical-align: bottom;
        margin-bottom:0px;
        margin-right:0rem;
        margin-left:0px;
    }

    div.title-row>div.about-info{
        margin-top: 45.15vh;
    }
    
   
}

@media(min-width:992px){
    /* MAIN BODY ELEMENTS */
       h2{
        font-size:24px;
    }
    .container-fluid{
        padding-left:0px;
    }
    
    div.menu-container, div.body-container{
        margin-left:7rem;
    }

    div.rainbow-container{
        min-height:1rem; margin-top:10px;
    }
    /*COPYRIGHT INFO */
    div.copyright{
        color:#e1e1e1;
        padding-top:1rem;
        padding-bottom:1rem;
        width:223px;
        margin-left:auto;
        margin-right:auto;
    }
    div.title-row> div{
        margin-top: 10vh;
    }
        
    div.page-image{
        margin-left:-7px;
        margin-right:.8rem;
        min-height: 245px;

    }
        
    img.ead-image{
        height:243px;
        width:auto;
    } 
    
    div.title-row>div.about-info{
        margin-top: 47.6vh;
        margin-bottom:1.0rem;
    }
    
    footer{
        padding-bottom:9vh;
    }    
    
    /* BOOTSTRAP MENU OVERRIDES */

    .nav > li > a{
       padding-right:3.5rem;
       padding-top:10px;
       margin-top:5px;
       margin-bottom: -3px;
    }

    ul#social-media-icons.list-inline > li{
        padding-left:20px;
    }
    img.social-icons{
        width:30px;
    } 

    img#logo-image{
        width:225px;
    }    

}

@media(min-width:1200px){
    
    footer{
        padding-bottom:9vh;
    }      
    div.menu-container, div.body-container{
        padding-left:1rem;
    }
    /*COPYRIGHT INFO */
    div.copyright{
        width:258px;
    }
    
    /* BOOTSTRAP MENU OVERRIDES */        
    .nav > li > a{
       padding-right:2.75rem;
       margin-top:7px;
    }
    img.social-icons{
        width:32px;
    } 
     img#logo-image{
        width:260px;
    }       
       div.rainbow-container{
        min-height:1.0rem; margin-top:12px;
    } 
    
    div#lg-logo{
        margin-bottom: 2px;
    }  
   
}

@media(min-width:1200px) and (max-height:900px){
    /* MAIN BODY ELEMENTS */
    
    div.page-image{
        margin-left:-9px;
        margin-right:1rem;
        min-height: 251px;
    }     
    img.ead-image{
        height:250px;
        width:auto;
    } 
    
    div.title-row> div{
        margin-top: 8vh;
    }

    div.title-row>div.about-info{
        margin-top: 47.43vh;
     
    }
}
    @media(min-width:1200px) and (min-height:901px){
      div.page-image{
        margin-left:-10px;
        margin-right:1rem;
        min-height: 328px;

    }
        
    img.ead-image{
        height:326px;
        width:auto;
    } 
    
    div.title-row> div{
        margin-top: 20vh;
    }

    div.title-row>div.about-info{
        margin-top: 47.43vh;
           
    }
    
}