@media (max-width: 1230px) {

    * {
        /* text-align: center;
        margin: auto; */
        --std-width: 361px;
    }
    body {
       min-width: 361px; 
    }

    /*
    --------------
    General styles
    --------------
    */

    .button {
        padding: 3px 30px;
    }

    .std-mt {
        margin-top:0px;
    }
    .hide-desktop {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
 

    /*
    ------------
    Line blocks
    ------------
    */

    .line-block {
        padding-top: 50px;
        padding-bottom: 50px; /* 122px */
    }

    .line-block-content {
        width:100%;
    }
 
    /*
    -----------
    Menu
    -----------
    */
    .logo {
        height: 32px;
        vertical-align: middle;
        transition: ease all .5s;
    }

    .menu {
        width: calc(100% - 2* var(--padding));
    }

    .menu > a {
        margin:0;
        transition: ease all .5s;
    }
    .menu > a > .button {
        border-radius: 7px;
        background: var(--clr-blue);
        padding: 0;
        width: 36px;
        height: 36px;
        justify-content: center;
        border: 1px solid var(--clr-blue);
        background-image: url('/img/main/carbon_menu.png');
        background-repeat: no-repeat;
        background-position: center;
        font-size: 0;
        transition: ease all .5s;
    }
    .menu > a > .button > div {
        content: "";
    }
    .menu > a > .button > img {
        display: none;
    }
}