body{
    font-family: 'Raleway';font-size: 14px;
    background-color: #232222;
    background-color: #F2F2F2  ;
    background-color: #f7dab9;
    background-color: #9fc1ffc4;
    background-color: #bac7d0b8;
    /* text-shadow: 1px 1px 1px grey; 
    background-image: url(../images/bg.png);*/
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif !important;
}
.topBar{
    background-color: white;
    padding: 3px 0;
    border-bottom: 1px solid #F2F2F2;
    color: #ffffff;
    background-color: cornflowerblue;
    background: linear-gradient(to bottom, rgba(255,0,0, 0.9), rgba(0,0,0, 0.9));
    /* background-image: url("../images/batora_titlebarbg.png"); */
    background-size: cover;
    font-family: 'Courier New', Courier, monospace !important;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index:2000;
    display: none;

}

.topBar a{
    color:white;
}


#logo{
    vertical-align: middle;
    height: 80px;
    padding: 10px;
    background-color: white;
    
}
.bg-w{
    background-color: white !important;
}

.marginLR15{
    margin-right: 15% !important;
    margin-left: 15% !important;
    
}
.sticky{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.sticky + .content {
    padding-top: 102px;
  }

.navbar-brand {
    padding: 3px;    
    background-color: #ffffff3b;
    
    

}
.nav-link {
    
    color: white !important;
    padding: 10px;
    border: 2px #1f1e1b0d solid;
    border:2px #ffffff4f solid;
    margin: 3px;
    border-radius: 6px;
    text-align: center;
    /* background: #00000078; */
    /* background-image: linear-gradient(45deg, #000000b0,#8564047d, black, #8564047d); */
}




.navbar{
    /* background-image: linear-gradient(45deg, black, #4036053d) !important; */
    /* background-image: linear-gradient(45deg, black, #4036053d, black, #4036053d) !important; */
    background-color: #1975fc;
    background-color: #374c58;
}




footer {
    background-color: cornflowerblue;
    background-color: #032b54;
    /* background-color:#bfb78866; */
    background-color: #000000;

    background-color: rgb(0 123 255 / 59%);
    /* background-color: #AADAFF; googlemap sky */
    background: #eee;
    padding: 8px;
    /* color: white; */
    font-size: 15px;
    text-align: left !important;
    font-family: sans-serif;
    padding-top: 20px;
}

.footerBrand a {
    color: red;
}


.footerBrand {
    /* background: white;     */
    color: black;
    /* background: black;     */
    /* color: white;     */
    padding: 30px;
    display: grid;
    grid-gap:5px;
    }
    .honorh{
        font-size: x-large;
    }
   .honor{
    font-size: 17px;
    /* color: white; */
    text-align: justify;
    letter-spacing: 1px;
    line-height: 1.6;
    font-stretch: semi-condensed;
    }

    .QuickTitles{
        font-weight: 800;
        font-size: 20px;
        text-transform: uppercase;
        text-decoration: underline;
        margin-bottom: 10px;
        
    
    }
    
    .footer .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        
    }
    
    footer a{
        color: darkgreen;
        color:black;
    }


    .titleH{
        font-family: arial;
        font-size: 48;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: black;
        text-align: center;
        font-weight: 300;
        font-family: 'Barlow Condensed', sans-serif;
    }
    
    .titleSH{
        font-size: 16px;
        margin-top: 0px;
        counter-reset: gray;
        font-family: arial;
        color: #1a5503;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    
    
    .titleSHP{
        font-size: 24;
        margin-top: 0;
        counter-reset: gray;
        font-family: 'Gabriola';
        color: #000000;
        /* font-weight: 100; */
        /* letter-spacing: 1px; */
        /* -webkit-text-stroke: white 0.1px; */
        margin-right: 5px;
    }
    
    .smH{
        font-size: 32px !important;
        /* font-weight: 600;
        color: white; */
        font-size: 20px !important;
        font-weight: 500;
        
    }
    .smSH{
        margin-top: -1px;
        text-align: center;
        font-weight: bold;
        color: darkgreen;
    }
    
    .smSHP{
        
        font-size: 16px;
        /* font-family: 'Gabriola'; */
        /* src: local('Gabriola'), url('gabriola Font Download.woff') format('woff'); */
        /* -webkit-text-stroke: #aadaff 0.25px */
    }
    

    #developer {
        background: black;
        background-color: #3089a9;
        color: white;
        padding: 10px;    
    }
    #developer a{
        color: #e5e2cf;
        font-size: 15px;
        padding: 10px;
    }

    .parallax {
        /* The image used */
        
        
        font-size: 21px;
    
        background-image: url(../images/banners/tall.png);
        padding-bottom: 50px;
        padding-top: 50px;
        color: white;
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
      }
    .parallax container{
        background-color: #0000009e;
    }
    #BottomDiv{
        display: none;
    }
      
    .card{
        background-color: #eeeeee;
        padding: 0px;
        border: none;
        
    }
    .card .h5, h5 {
        font-size: 1.5rem;
        font-family: fantasy;
        text-align: center;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }
    .card-body{
        color: #193948 !important;
        font-size: 17px;
        text-align: justify;
       
    }

    .card-img-top{
        max-height: 220px !important;

    }

    @media screen and (min-width:992px) and (max-width: 1500px) {
        .marginLR15 {
             margin-right: 0px !important; 
             margin-left: 0px !important; 
        }
    
    }

    @media screen and (max-width: 767px) {
        .marginLR15 {
            margin-right: 0px !important; 
            margin-left: 0px !important; 
       }
        
        #BottomDiv{
            display: block;
        }
        .navbar-brand{
            /* display: none; */
        }

        .navbar-toggler {
            
            margin-left: auto;
        }
        .card{
            background-color: white;
            padding: 15px;
    
        }
    }