@media all {
    .quote {
        width: 20%;
        float: right;
        font-style: italic;
        font-size: 17px;
        color: #ffffff;
    }
    .quote p {
        margin-bottom: 20px !important;
        margin-top: 25px;
    }
}

@media screen and (min-width: 100px) and (max-width: 850px) {
    .quote {display: none;}
}

.front {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 500;
}
#title-first {
    margin-top: 7px;
    margin-bottom: 7px;
    float: left;
}
.header-first {
    background-color: #33452d;
    color: #f6f6f6;
    font-size: 16px;
    display: flex;
    justify-content: space-around;
}
.header-second {
    background-image: url("/img/back/back555.png");
    font-size: 23px;
    color: #f6f6f6;
    display: flex;
    justify-content: center;
}
.header-second img {height: 150px}
.header-first p, .header-second p {
    margin-bottom: 20px !important;
    margin-top: 25px;
}
/* CSS Main Menu */
.navmenu{width:100%;background:#33452d;display:inline-block}
#menu{color:#fff;font-size:18px;position:relative;top:5px;font-weight:500;cursor:pointer;padding-left:10px;line-height:2.2em}
#menu a{text-decoration:none}
nav{display:none}
nav ul{list-style-type:none;padding-left:0;font-size:0;background-color:#33452d;margin-bottom:0 !important}
nav li{display:block;font-size:15px;color:white;margin-bottom:0 !important}
ul.navbar>li>a{color:#fff}
ul.navbar>li>a:hover{color:red}
nav a{display:block;padding:10px;text-decoration:none;color:inherit}
/*==Dropdown Menu==*/
.sub-menu {
	margin: 0;
	top: 44px;
}
.sub-menu li{list-style-type:none;display:inline-block}
.sub-menu span {margin-top: 0 !important;}
ul.navbar li ul.sub-menu{
    display:none;
    position:absolute;
    z-index: 555;
}
ul.navbar li{position:relative}
ul.navbar > li:hover .sub-menu{display:block}
.sub-menu li{margin-left:0!important}
ul.sub-menu>li>a{
    color:#fff;
    width: max-content;
}
ul.sub-menu>li>a:hover{color:red}
@media screen and (max-width:720px){nav ul{width:100%!important}#sub-menu{display:none} nav a{padding:5px 10px}
}
@media screen and (min-width:720px){#menu{display:none}nav{display:block!important}nav li{display:inline-block}}
/*----- Search -----*/
#search-form{display:inline-block;padding-top:7px;padding-right:5px;float:right;margin-bottom:0 !important}
#search-form input{width:200px;height:30px;padding:0 8px;float:left;border-radius:2px 0 0 2px;font-size:13px;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;font-size:100%;font:inherit}
#button-submit{width:auto!important;height:30px;padding:0 8px;float:right;border-radius:0 2px 2px 0;background:#66a992;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,0.3);color:#fff}
@media screen and (max-width:480px){.toggle-nav{padding:6px 10px}#search-form input{width:150px}}
/* <----Finish menu */
/*=======================*/
.B_crumbBox {
    display: flex;
    list-style-type: none;
}
.B_crumbBox>li {
    margin: 0 5px;
}
.B_crumbBox>li:first-child {
    margin-left: 0;
}
.B_crumbBox>li:last-child {
    margin-right: 0;
}
/*=======================*/
#sidenav {
  display: none;
  list-style-type: none;
  color: #f7f5f3;
  padding-left: 10px;
}
#sidenav > li {}
#sidenav a {color: inherit !important;}
.sidenav-dropdown {}
.sidenav-dropdown span {}
.dropdown-content {
	display: none;
	list-style-type: none;
}
.sidenav-dropdown:hover .dropdown-content {display: block;}
.dropdown-content li {}
/*=======================*/