@media (max-width: 575px) {
    .left-side-sign {
        padding: 20px;
        margin-right: 5px;
    }

    .right-side-sign {
        padding: 20px;
        margin-left: 5px;
    }

    .main-box {

        header,
        article,
        footer {
            font-size: 15px;
        }
    }

    figure.menu-pages {
        &:hover {
            scale: 2.5;
        }
    }

    .mobile-text {
        display: block;
    }

    .desktop-text {
        display: none !important;
    }
}

@media (max-width: 700px) {
    .desktop-text.menu-pages {
        display: none !important;
    }
}

@media (min-width: 1000px) {
    body {
        margin-left: 15%;
        margin-right: 15%;
    }

    .left-side-sign {
        border-top: solid #c30d23 5px;
        border-left: solid #c30d23 4px;
        border-right: solid #c30d23 4px;
        border-bottom: solid #c30d23 5px;
        border-radius: 8px;
        margin-right: 25px;
    }

    .right-side-sign {
        border-top: solid #c30d23 5px;
        border-left: solid #c30d23 4px;
        border-right: solid #c30d23 4px;
        border-bottom: solid #c30d23 5px;
        border-radius: 8px;
        margin-left: 25px;
    }

    .main-box {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mobile-text {
        display: none;
    }

    .desktop-text {
        display: block;
    }
}

@media (min-width: 1800px) {
    body {
        margin-left: 20%;
        margin-right: 20%;
    }

    .left-side-sign {
        border-top: solid #c30d23 5px;
        border-left: solid #c30d23 4px;
        border-right: solid #c30d23 4px;
        border-bottom: solid #c30d23 5px;
        border-radius: 8px;
        font-size: calc(18px + 10px);
        padding: 50px;
        margin-right: 10px;
    }

    .right-side-sign {
        border-top: solid #c30d23 5px;
        border-left: solid #c30d23 4px;
        border-right: solid #c30d23 4px;
        border-bottom: solid #c30d23 5px;
        border-radius: 8px;
        font-size: calc(18px + 10px);
        padding: 50px;
        margin-left: 10px;
    }

    .main-box {
        font-size: calc(18px + 5px);
    }

    figure.game-logo {
        max-width: 100%;

        img {
            max-width: calc(100% + 200px);
        }
    }

    .center-sign {
        span {
            font-size: 50px
        }
    }
}