@media (max-width: 1050px){
    html{ font-size: 12px; }
    .info-btns .btn{ margin: 5px; }
    .site-header, .toggle{ min-height: 60px; }
    .container{ max-width: 100% !important; }
}

@media (max-width: 800px){
    .btn-grp a{ font-size: 1rem !important; }
    .event h1{ font-size: 3rem !important; }
    .event h2{ font-size: 2rem !important; }

    .search-query{ flex-flow: column; }
    .search-query > div:nth-child(5){ justify-content: right; }

    .event .container .d-flex h1{ margin-left: auto; margin-right: 3rem; }
}

@media (max-width: 500px) {
    html{ font-size: 14px !important; }
    .my-0-sm{ margin-top: 0 !important; margin-bottom: 0 !important; }
    .sidebar-nav i.fa{ font-size: 2rem !important; }
    .sidebar{
        position: absolute;
        height: 100%;
        width: 80%;
        box-shadow: 5px 10px 20px #0005;
        left: -100%;
        z-index: 999;
    }
    .sidebar-nav a i{ margin-right: 0 !important; }
    .toggle-desktop{ display: none !important; }
    .toggle-mobile-hide{ display: inline !important; }
    .toggle-mobile{ display: flex !important; }
    .sidebar-nav a.active:after{ display: none; }

    .form-table .item-row{ flex-flow: column !important; }
    .form-table .item-row div{ margin-left: 0 !important; }
    .form-table .item-row > *{ width: 100% !important; }
    .form-table .item-row:not(:first-child){ margin-top: 1rem !important; }
    .form-table .item-row label{ width: 100% !important; display: block !important; }
    .form-table .item-row .form-control{ margin-left: 0 !important; }

    .btn{ width: 100% !important; font-size: 1.2rem !important; }
    .info-btns .btn{ font-size: .9rem !important; margin: 1px !important; flex-basis: 49% !important; padding: .7rem !important; }
    .search-query{ flex-flow: column !important; }

    .dashboard > .container{ padding: 1rem !important; }

    .login-btns a{ margin-top: .5rem !important; }

    .column-reverse-sm{
        display: flex !important;
        flex-flow: column-reverse !important;
    }
    .text-center-sm{ text-align: center !important; }
    .mt-1-sm{ margin-top: 1rem !important; }
    .mx-0-sm{ margin-left: 0 !important; margin-right: 0 !important; }
    .w-100-sm{ width: 100% !important; }

    .auth-form{ padding: 2rem 1rem !important; }
    /* .auth-form input[type=email],
    .auth-form input[type=password]{ font-size: 1.5rem !important; } */

    /* .form-box input[type=text]{ font-size: 1.5rem !important; } */

    .header h3{ line-height: 1 !important; }

    .position-static-sm{ position: static !important; }
    .ff-c-sm{ flex-flow: column !important; }

    .event .btn-grp a:not(:first-child){ margin-top: 5px !important; }
    .event h1{ font-size: 1.5rem !important; }
    .event h2{ font-size: 1rem !important; }

    .team-search form{ flex-flow: column !important; }
    .team-search form label,
    .team-search form .btn{ margin-left: 0 !important; width: 100%; margin-top: .5rem !important; }

    .form-control,
    .form-select{ padding-top: .6rem !important; padding-bottom: .6rem !important; }
}