/* Important styles */
.menubtn { 
    position: fixed;
    right: 15px;
    top: 15px;
    background: #fff;
    padding: 5px 0;
    width: 55px;
    height: 55px;
    border-radius: 50px; z-index: 11111;
}
#toggle {
    display: block;
width: 50px;
height: 50px;
padding: 22px 12px;
}
#toggle span:after,
#toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
}
#toggle span:after {
    top: 9px;
}
#toggle span {
    position: relative;
    display: block;
}
.homepage #toggle span,
.homepage #toggle span:after,
.homepage #toggle span:before {   
    background-color: #fff;   
}
#toggle span,
#toggle span:after,
#toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #000;
    transition: all 0.3s;
    backface-visibility: hidden; /*border-radius: 2px;*/
}
.home_bg #toggle span,
.home_bg #toggle span:after,
.home_bg #toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #f9ab1a;
    transition: all 0.3s;
    backface-visibility: hidden;
}
.human_menu #toggle span,
.human_menu #toggle span:after,
.human_menu #toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #f9ab1a;
    transition: all 0.3s;
    backface-visibility: hidden;
} /* on activation */
#toggle.on span {
    background-color: transparent;
}
#toggle.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menumobile {
    opacity: 1;
    visibility: visible;
} /* menu appearance*/
#menumobile {
    position: fixed;
    color: #999;
    width: 200px;
    padding: 10px 15px;
    margin:60px auto;  
    text-align: left;
    background: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s;
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    right: 20px;
}
#menumobile:after {
    position: absolute;
    top: -15px;
    left: 95px;
    content: "";
    display: block; /* border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid white;*/
}
#menumobile ul,
#menumobile li,
#menumobile li a {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#menumobile li a {
    padding: 12px 5px;
    color: #000;
    text-decoration: none;
    transition: all 0.2s;
    border-bottom: #000 1px solid;
    font-family: "Vollkorn";
    font-size: 16px;
}
#menumobile li a:hover,
#menumobile li a:focus {
    color: #be2626;
    border-bottom: #be2626 1px solid;
}
.socialicons {
    margin-top: 20px;
}
.socialicons a {
    margin-right: 7px;
}
#menumobile a { color: #231F20; display: block; padding: 10px; }
#menumobile a:hover { text-decoration: none; }
.mobmenu a { text-align: left; float: right; top: 20px;     width: 100% }
@media (min-width:1199px){
.mobmenu { display: none; }    
}

@media (max-width:1200px){
    .desmenu { display: none; }    
    header { float: left; top: 0; width: 100%; min-height: 130px; }
}