header.mobile{
    display:block;
}
header.desktop{
    display:none;
}
/* Styles */
header.mobile{
    width:100%;
    box-sizing: border-box;
    background-color: var(--primaryColor);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

    /*position:fixed;*/
    /*top:0px;*/
    /*left:0px;*/
    /*right:0px;*/
}
header.mobile > .inner{
    padding-left:var(--dis_to_viewport_horizontal);
    padding-right:var(--dis_to_viewport_horizontal);
    text-align: center;
}
.navmobile .social{
    text-align: center;
}
.navmobile .social > a i {
    transition: var(--default_transition);
    color: white;
    font-size:var(--social_icons_font_size);
}
.navmobile .social > a:last-of-type {
    padding-left:var(--button_left_dis);
}