/* ---------------------------
SCREEN STYLE CSS
--------------------------- */

/*
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1{
border: solid 2px #666666;
}
*/


/* START: NAVIGATION STYLES */
.navbar
{
    font-family: 'Orbitron', sans-serif;
    background: #6091C3;
    padding: 5px;
}
.navbar img
{
    border: none;
}
.navbar-toggler
{
    float: right;
    margin: 8px 7px;
    color: #FDFAF9;
}
.navbar-toggleable-sm
{
    clear: both;
    float: left;
    padding: 5px 15px;
}
.navbar-toggleable-sm li
{
    clear: both;
}
.containernav 
{
/*
    width: 520px;
    height: 330px;
    position: absolute;
    margin: 20px;
*/
    overflow: hidden;
}
ul.topnav 
{
    margin: 10px 0 0; 
    padding: 0; 
    list-style: none;   
    font-size: 1em;
    clear: both;
    float: right;
/*   width: 520px;*/
}
ul.topnav li
{
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    float: left; 
    height: 40px;
}
ul.topnav a, ul.topnav span 
{
    padding: 10px 20px; 
    float: left; 
    text-decoration: none; 
    color: #FDFAF9;
    clear: both;
/*   height: 20px;*/
    line-height: 20px;
    background: #6091C3; 
}
ul.topnav a 
{   
    color: #fff;
    background: #1F2F57;
}
.collapse ul.topnav a 
{   
    width: 150px;
}
ul.topnav span 
{
    display: none;
}
/* END: NAVIGATION STYLES */



/* START: BANNER STYLES */
img
{
    border: 1px solid #1F2F57;
}
button 
{
    font-size: 1em;
    padding: 10px;
    margin: 10px 0 0 0;
    background: #1F2F57;
    color: #FDFAF9;
/*    border: 1px solid #000;*/
    border-radius: 10px;
}
#images img
{
    float: left;
    width: 100%;
    height: auto;
    padding: 10px;
    border: none;
}
#images a
{
    display: inline-grid;
    width: 30%;
}
.heroHp
{
    background: url(../image/heroHp_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 300px;
    padding-bottom: 500px;
}
.heroHp, .heroTrim, .heroGallery, .heroComing h1
{
    color: #FDFAF9;
    text-shadow: 2px 2px 4px #1F2F57;
}
.heroTrim
{
    background: url(../image/heroTrim_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 100px;
    padding-bottom: 200px;
    
}
.heroGallery
{
    background: url(../image/heroGallery_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 100px;
    padding-bottom: 200px;
    
}
.heroComing
{
    background: url(../image/heroComing_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 100px;
    padding-bottom: 200px;
    
}
.padclear
{
    padding: 0;
}
.genpad
{
    padding: 20px;
}
.imgcenter
{
    margin: 0 auto;
}
.caption
{
    font-size: .8em;
    padding: 10px;
}
.center
{
    text-align: center;
}
/* END: BANNER STYLES */



/* START: HEADING STYLES */
h1, h3
{
    font-family: 'Orbitron', sans-serif;
}
.headingspace
{
    margin-top: 50px;
    margin-bottom: 30px;
}
/* END: HEADING STYLES */



/* START: CONTENT STYLES */
body
{
    font-family: 'Montserrat', sans-serif;
    background-color: #FDFAF9;
}
.italic
{
    font-style: italic;
}
.subtext
{
    font-size: .9em;
}
/* END: CONTENT STYLES */



/* START: FOOTER STYLES */
.footer
{
    background: #1F2F57;
    padding: 100px 15px
}
.footer p
{
    color: #FDFAF9;
}
/* START: FOOTER STYLES */