/* ============= generic ============== */
fieldset{
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}
header, .content_wrapper, footer {
    float: left;
    width: 100%;
}

.content, .border, .header_wrapper, .footer_wrapper{
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
.content{
    margin-bottom: 20px;
}
/* ============ footer ===============*/
footer{
    text-align: center;
    padding: 3%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.footer-menu-content{
    list-style: none;
}
.footer_wrapper{
    width: 100%;
}
.footer-menu-content{
    padding: 0;
    margin: 0;
}
/* =========== header ================*/
.header_wrapper, .logo{
    float: left;
}
.border{
    float: right;
}
.header_menu{
    list-style: none;
}
.top-menu{
    display: inline-block;
    vertical-align: middle;
}
.header_menu{
    padding: 0;
    margin: 0;
}
.header_menu_container{
    padding: 10px 5%;
}
.top-menu{
    padding: 10px 5px;
}
.logo-img{
    width: 100%;
    max-width: 220px;
}
.header_logo{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.header_wrapper{
    width: 35%;
    padding: 3%;
}
/* ============== utils ============ */
.rwd-content-2, .rwd-content-4{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    margin-top: 5%;
}
.rwd-content-4{
    max-width: 200px;
}
.view-tablet, .view-desktop{
    display: none;
}
.d-block-m{
    display: block;
}
/* ================ responsive utils =========== */
@media only screen and (min-width: 640px) {
    /* ========== utils ======000 */
    .online-mobile{
        display: none;
    }
    .view-tablet{
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .footer-menu-element{
        display: inline-block;
        vertical-align: middle;
        margin: 1.5% 2%;
    }
    footer{
        padding: 0;
    }
}
@media only screen and (min-width: 900px) {
    .view-desktop{
        display: block;
    }
    .rwd-content-2{
        max-width: 310px;
    }

}