/* =============================================
=              Responsive Styles               =
============================================= */

@media (max-width: 1750px) {

    .sw-page_header {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        justify-content: center;
        text-align: center;
    }

    .ht-title_choose {
        line-height: 1;
    }

    .ht-title_vote {
        margin-bottom: 0.5em;
    }
}

@media (max-width: 1050px) {
    :root {
        --sizePagePadding: 24px;
    }

    .show-on-mobile {
        display: flex;
    }

    .hide-on-mobile {
        display: none;
    }

    .sw-page_content {
        display: block;
    }

    .cd-card {
        margin-bottom: 3em;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 12px;
    }

    .ht-title_text {
        width: calc(100% - 316px);
        min-width: 300px;
        float: left;
    }

    .e-logo {
        width: 300px;
    }
}


/* =====  End of Responsive Styles  ===== */