@media (max-width: 48em) {
    .hide-small {
        display:none!important
    }

    .separator {
        width: 80%
    }

    .box {
        width: 100%
    }

    #header #navigation {
        display: none
    }

    #content #login-e-suporte {
        display: none
    }

    .banner_space {
        padding-top: 40px
    }

    #header #navigation_mobile {
        display: flex;
        flex-basis: calc(100% - 250px);
        z-index: 6;
        margin-top: 10px;
        margin-right: 20px;
        justify-content: flex-end;
        position: relative
    }

    #header #navigation_mobile span {
        font-family: 'Bitter',serif;
        text-transform: uppercase;
        color: #fbe2bc;
        text-decoration: none;
        cursor: pointer;
        font-size: 1.1em;
        padding-right: 40px
    }

    #header #navigation_mobile span:hover {
        color: #e1c8a3
    }

    .navigation_mobile_sub {
        background: url(../images/content-background.jpg) no-repeat center top #070707;
        border: 3px solid #262626;
        border-radius: 5px;
        width: 210px;
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        padding: 5px 15px;
        top: 75px;
        right: -5px
    }

    .navigation_mobile_sub>li {
        flex-basis: 100%
    }

    .navigation_mobile_sub>li a {
        display: block;
        text-align: center;
        color: #fbe2bc;
        text-decoration: none;
        padding: 8px 12px;
        margin: 5px auto;
        font-weight: 700
    }

    .navigation_mobile_sub>li a:hover {
        color: #e1c8a3;
        background: rgba(204,145,57,.22)
    }

    .slide_content {
        padding: 0 5px;
        max-width: 150px
    }

    .slide_content>h3 {
        font-size: 1em
    }

    .slide_left {
        top: 10%;
        left: 0
    }

    .slide_right {
        top: 10%;
        right: 0
    }

    .slide_content>p {
        font-size: 1em;
        color: #fff;
        text-align: center
    }

    #content #article #sobre {
        padding: 35px 10px
    }

    #content .content-img {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px
    }

    #content .content-img-transparent {
        display: none
    }

    #footer #logo-footer {
        display: none
    }

    #logo-footer {
        display: none
    }

    #footer ul {
        line-height: 1.4
    }

    .top_content {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        font-size: .9em
    }

    .top_menu {
        flex-basis: 100%;
        text-align: center;
        font-size: 1.5em
    }

    .top_menu ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .top_menu h4 {
        padding-top: 12px
    }

    .top_menu ul li {
        text-align: center;
        padding: 12px 18px
    }

    .top_menu ul li:hover {
        margin-left: 0
    }

    .top_menu .selected {
        margin-left: 0;
        cursor: pointer;
        border-radius: 5px;
        background-color: rgba(214,185,148,.16)
    }

    .top_menu .hide-small-menu {
        display: none
    }

    .top_list {
        flex-basis: 100%
    }

    .double_top>div {
        padding: 10px 6px
    }

    .link-button.variant-2 {
        margin-left: 0;
        margin-top: 12px
    }
}