/* start of desktop styles */
img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    /* start of large tablet styles */


    .main-logo {
        border-bottom: 2px solid #D91132;
        padding: 0 4% 6px 4%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .main-logo img {
        height: 1.5em;
    }

    .event-name {
        color: #090909;
        font-size: 22px;
        font-weight: bold;
        max-width: 700px;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    /* start of medium tablet styles */

    .main-logo {
        border-bottom: 1.5px solid #D91132;
        padding: 0 4% 6px 4%;
    }

    .event-name {
        color: #090909;
        font-size: 22px;
        font-weight: bold;
        max-width: 700px;
        float: none;
    }

    .main-logo img {
        height: 1.5em;
    }

}

@media screen and (max-width: 479px) {

    .mobile-show-xs {
        display: block;
    }
    /* start of phone styles */
    .main-logo {
        border-bottom: 1.5px solid #D91132;
        padding: 0 4% 6px 4%;
    }

    .main-logo img {
        height: 1.5em;
    }

}