@charset "utf-8";
@media screen and (max-width:960px) {
    .menu_btn {
        display: block;
        height: 40px;
        width: 40px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        position: fixed;
        z-index: 5000;
        top: 5px;
        right: 5px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        cursor: pointer;
    }

    .menu_btn:hover {
        cursor: pointer;
    }

    .menu_btn span {
        width: 28px;
        height: 2px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -14px;
        background-color: var(--main-color);
    }

    .menu_btn span {
        transition: all 0.3s;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    .menu_btn span.top {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
    }

    .menu_btn span.bottom {
        transform: translateY(8px);
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
    }


    .menu_btn:hover span.top {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
    }

    .menu_btn:hover span.bottom {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
    }

    .menu_btn.opened span {
        background-color: rgb(204, 122, 119);
    }

    .menu_btn.opened span.middle {
        background: rgba(255, 255, 255, 0);
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
    }

    .menu_btn.opened span.top {
        transform: rotate(-45deg) translateY(0px);
        -webkit-transform: rotate(-45deg) translateY(0px);
        -moz-transform: rotate(-45deg) translateY(0px);
    }

    .menu_btn.opened span.bottom {
        transform: rotate(45deg) translateY(0px);
        -webkit-transform: rotate(45deg) translateY(0px);
        -moz-transform: rotate(45deg) translateY(0px);
    }
}