/* CSS Document */

body {font-size: 1.3rem;}


/* Add here all your css styles (customizations) */
body {font-family: 'Vollkorn', serif; letter-spacing: 1px; }

.nav-link {color: #fff !important;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background: #fff !important;}
/*.g-bg-spu {background-color: #786048 !important;}*/
.g-bg-spu {background-color: #333333 !important;}
.g-bg-navi {background: url(../images/bg-chalk111.jpg) 0 0 repeat #638390;}
/*.g-bg-footer {background: url(../images/bg-chalk2.jpg) 0 0 repeat #262524;}
.navi-fj-bg {background: url(../images/bg-grunge.jpg) 0 0 repeat #262524;}*/
.fj-bg-submenu {background-color: #E5E5E5}
.btn-fj-submenu {background-color: #E5E5E5}
.g-bg-gray-dark-v1 {
    background-color: #333333 !important;
}
.u-header {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 1.72857rem;
    z-index: 501;
    /*font-weight: bold;*/
}
.overlay:before {
    content: "";
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: -1;*/
}
/*//////*/
.header-v6 .navbar-toggle {
    border: none;
    margin: 10px 0 0 ;
}
.header-v6 .navbar-brand {
    height: 50px;
    max-height: 50px;
    line-height: 0px;
    padding-top: 15px;
}
div p.text-white, div .row ul.text-white li {color: #fff !important; position: relative}

.menu-container {
        text-align: center !important;
    /*left: 50% !important;*/
    }
    .menu-container ul {
        display: inline-block;

        /* For IE, the outcast */
        zoom:1;
       /* *display: inline;*/
    }
    .menu-container li {
        float: left;
        padding: 0px 5px;


    }
    .menu-container li a {
        float: left;
        padding: 5px 10px !important;
        color: white !important;


    }
nav {position: sticky !important; top: 0;}
@media only screen and (min-width: 768px){
.overlay.overlay_left:before {
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000', GradientType=1 );
}
.overlay.overlay_right:before {
    background: -moz-linear-gradient(left, transparent 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to right, transparent -25%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=1 );
    left: auto;
    right: 0;
}
   



}

/*Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 276px) { 
.carousel-item{
    height: 220px;
    /*object-fit:cover;*/
} 
.carousel-item img{
    height: 220px;
    object-fit:cover;
}

    img.shrink-logo2  {
		width: 97% !important;
		height: auto;
		margin:0 !important;
		padding: 0 !important;
}
        .fjmenu {display: none;}   
    
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

.carousel-item{
    height: 100%;
} 
.carousel-item img{
    height: 100%;
}

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    
    .fjmenu {display: none;}   
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .fjmenu {display: none;} 
    
    img.shrink-logo2  {
		width:inherit !important; 
		height: auto;
		margin:0 !important;
		padding: 0 !important;
}
        .fjmenu {display: none;}   

}