@media (min-width:320px) {
    #homeEvents {
        padding: 2px 10px !important;
    }

    #BigScreenBanner {
        display: none !important;
    }

    #SmallScreenBanner {
        display: block !important;
    }

    .EventBoxC .caption p {
        font-size: .75rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: .75rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1rem !important;
    }

    #MenuSearch {
        display: none !important;
    }

    .sectionHome {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}

@media (min-width:481px) {
    #homeEvents {
        padding: 2px 10px !important;
    }

    #BigScreenBanner {
        display: none !important;
    }

    #SmallScreenBanner {
        display: block !important;
    }

    .EventBoxC .caption p {
        font-size: .75rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: .75rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1rem !important;
    }

    #MenuSearch {
        display: none !important;
    }

    .sectionHome {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}

@media (min-width:641px) {
    #homeEvents {
        padding: 2px 10px !important;
    }

    #BigScreenBanner {
        display: none !important;
    }

    #SmallScreenBanner {
        display: block !important;
    }

    .EventBoxC .caption p {
        font-size: .75rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: .75rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1rem !important;
    }

    #MenuSearch {
        display: none !important;
    }

    .sectionHome {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}

@media (min-width:961px) {
    #BigScreenBanner {
        display: block !important;
    }

    #SmallScreenBanner {
        display: none !important;
    }

    .EventBoxC .caption p {
        font-size: 1.25rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: 1.0rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1.25rem !important;
    }

    #MenuSearch {
        display: block !important;
    }

    .sectionHome {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media (min-width:1025px) {
    #BigScreenBanner {
        display: block !important;
    }

    #SmallScreenBanner {
        display: none !important;
    }

    .EventBoxC .caption p {
        font-size: 1.25rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: 1.0rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1.25rem !important;
    }

    #MenuSearch {
        display: block !important;
    }

    .sectionHome {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media (min-width:1025px) {
    #BigScreenBanner {
        display: block !important;
    }

    #SmallScreenBanner {
        display: none !important;
    }

    .EventBoxC .caption p {
        font-size: 1.25rem !important;
        text-align: center;
        font-weight: 500;
    }

        .EventBoxC .caption p.dates {
            width: 100% !important;
            font-size: 1.0rem !important;
            text-align: center !important;
            background-color: #f8f6c4;
            padding: 1px 5px;
            color: #000;
        }

    .datesBand {
        font-size: 1.25rem !important;
    }

    #MenuSearch {
        display: block !important;
    }

    .sectionHome {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}