@media (max-width: 1025px) {
    #hero {
        height: auto;
    }
    section#hero .cuespeed-logo img {
        width: 80%;
    }
}

@media (max-width: 991px) {
    section#hero .cuespeed-logo img {
        width: 90%;
    }
}

@media (max-width: 600px) {}

@media (max-width: 480px) {
    #header {
        height: auto;
    }
    section#hero {
        padding: 120px 0px 30px 0px;
    }
    section#hero .options-buttons {
        display: grid;
        grid-template-rows: repeat(1, auto) !important;
        grid-template-columns: repeat(1, 100%);
        padding: 10px;
    }
    section#hero .container .row {
        margin: 0px;
    }
    section#hero .cuespeed-logo img {
        width: 100%;
    }
    section#hero .cuespeed-logo {
        display: none;
    }
}

@media (max-width: 320px) {
    section#hero {
        padding: 90px 0px 30px 0px;
    }
}