@media only screen and (max-width: 700px) {
    header h1 {
        display: none;
    }

    h3 {
        max-width: 88vw;
    }

    .description p {
        max-width: 80vw;
    }

    .sponsors .buttons {
        flex-direction: column;
    }

    .sponsors .btn {
        min-width: 330px;
    }

    .sponsors .btn:first-of-type {
        margin-bottom: 4.5vh;
    }

    .sponsors .btn a {
        max-width: 330px;
    }

    .sponsors .btn a {
        font-size: 24px;
    }

    .sponsors h4 {
        margin: 2.4vh 20px;
        max-width: 95.2vw;
    }

    .dropdown-btn {
        width: 70vw;
    }

    .schedule {
        margin-left: 2.5vw;
    }

    .cardrow {
        flex-direction: column;
        margin: 0;
    }

    .card {
        white-space: wrap;
        margin-bottom: 5vh;
        margin-right: 0;
        max-width: 60vw;
    }

    .arrows {
        margin-right: 5vw;

        display: none !important;
    }

    .arrow {
        rotate: 90deg;
    }

    .dropdown-content p {
        max-width: 65vw;
    }

    .dropdown-btn:hover img {
        rotate: 0deg;
    }
    
    .button-changes:hover img {
        rotate: 90deg;
    }

    .faq h3 .normal {
        display: none;
    }

    .faq h3 .mobile {
        display: inline;
    }

    .donate .btn {
        width: 70vw;
    }

    .donate .btn a {
        font-size: 16px;
    }

    footer {
        flex-direction: column;
    }
}