.font-Michroma {
    font-family: 'Michroma', sans-serif;
    font-display: block;
}

.font-Raleway {
    font-family: 'Raleway', sans-serif;
    font-display: block;
}

.font-Nixie {
    font-family: 'Nixie One', cursive;
    font-display: block;
}

.font-courier {
    font-family: "Courier New", Courier, monospace;
    font-display: block;
}

.font-Roboto {
    font-family: 'Roboto', sans-serif;
    font-display: block;
}

.font-Montserrat {
    font-family: 'Montserrat', sans-serif;
    font-display: block;
}

.font-Handwriting {
    font-family: 'Waiting for the Sunrise', Verdana, Geneva, Tahoma, sans-serif;
    font-display: block;
}

.ad-font {
    font-family: 'Varela Round', sans-serif;
    font-display: block;
}

.font-size-90 {
    font-size: 90%;
}

.font-size-84 {
    font-size: 84%;
}

.fontWeight-Light {
    font-weight: 300;
}


.fontWeight-Normal {
    font-weight: 400;
}


.fontWeight-Medium {
    font-weight: 500;
}


.fontWeight-Semi-Bold {
    font-weight: 600;
}


.fontWeight-Bold {
    font-weight: 700;
}

@media (min-width: 992px) {
    b {
        font-weight: 600 !important;
    }
}


@media (max-width: 991.5px) {
    b {
        font-weight: 600 !important;
    }
}

/*slight adjustment source that nav item text data text is shown */
 .nav-font-size {
        font-size: 1em;
    }

@media (max-width: 1110px) {
    .nav-font-size {
        font-size: 0.97em;
    }
}

/*@media (max-width: 994px) {
    .nav-font-size {
        font-size: 0.96em;
    }
}*/

@media (max-width: 991.5px) {
    .nav-font-size {
        font-size: 1em;
    }
}

    .FontSizeX-PageHeading {
        font-size: 2em;
    }


    @media (max-width: 575.5px) {
        .FontSizeX-PageHeading {
            font-size: 1.8em;
        }
    }

    @media (max-width: 419.5px) {
        .FontSizeX-PageHeading {
            font-size: 1.7em;
        }
    }



    .FontSizeX-1 {
        font-size: 1.2rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-1 {
            font-size: 1.2rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-1 {
            font-size: 1.1rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-1 {
            font-size: 1rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-1 {
            font-size: 0.9rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-1 {
            font-size: 1em;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-1 {
            font-size: 0.8rem;
        }
    }



    .FontSizeX-1-5 {
        font-size: 1.5rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-1-5 {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-1-5 {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-1-5 {
            font-size: 1.2rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-1-5 {
            font-size: 1rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-1-5 {
            font-size: 1rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-1-5 {
            font-size: 1rem;
        }
    }



    .FontSizeX-2 {
        font-size: 1.8rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-2 {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-2 {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-2 {
            font-size: 1.7rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-2 {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-2 {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-2 {
            font-size: 1.4rem;
        }
    }


    .FontSizeX-Handwriting {
        font-size: 2rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-Handwriting {
            font-size: 2rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-Handwriting {
            font-size: 2rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-Handwriting {
            font-size: 1.6rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-Handwriting {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 575.5px) {
        .FontSizeX-Handwriting {
            font-size: 1.35rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-Handwriting {
            font-size: 1.25rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-Handwriting {
            font-size: 1.2rem;
        }
    }

    /*Currenlty not used*/
    .FontSizeX-2-5 {
        font-size: 2.3rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-2-5 {
            font-size: 2.3rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-2-5 {
            font-size: 2.2rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-2-5 {
            font-size: 2rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-2-5 {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-2-5 {
            font-size: 1.6rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-2-5 {
            font-size: 1.4rem;
        }
    }




    .FontSizeX-3 {
        font-size: 2.2rem;
    }

    @media (max-width: 1599.5px) {
        .FontSizeX-3 {
            font-size: 2.2rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSizeX-3 {
            font-size: 2.2rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSizeX-3 {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.5px) {
        .FontSizeX-3 {
            font-size: 1.7rem;
        }
    }

    @media (max-width: 424.5px) {
        .FontSizeX-3 {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSizeX-3 {
            font-size: 1.3rem;
        }
    }



    .font-size-responsive {
        font-size: 1em;
    }

    @media (max-width: 767.5px) {
        .font-size-responsive {
            font-size: 0.9em;
        }
    }



    /* rem is relative to body */
    .FontSizeF-0-75rem {
        font-size: 0.75rem;
    }

    /* rem is relative to body */
    .FontSizeF-0-85rem {
        font-size: 0.85rem;
    }
    
    .FontSizeF-0-95rem {
        font-size: 0.95rem;
    }

    /* em is relative to parent */
    .FontSizeF-0-9em {
        font-size: 0.9em;
    }

    .FontSizeF-0-85em {
        font-size: 0.85em;
    }

    .smaller {
        font-size: 0.6rem;
    }

    /*dashboards/productions_index/Allocations.index*/
    .production-subtext-venue {
        opacity: 0.9;
        font-size: 0.69rem;
    }

    .production-subtext-genre {
        opacity: 0.8;
        font-size: 0.64rem;
    }

    .module-subtext-code {
        opacity: 0.8;
        font-size: 0.7rem;
    }

    .keydate-keydates {
        font-size: 1.1rem;
        /*font-weight: 600;*/
    }

    .keydate-date {
        font-size: 0.8rem;
        font-weight: 500;
        opacity: 0.8;
    }

    .keydate-div {
        line-height: 1.6rem;
    }

    .popup-title-text {
        font-size: 1.05rem;
        color: #fff;
    }

        .popup-title-text:hover {
            font-size: 1.05rem;
            color: #fff;
        }



    .h2-r {
        font-size: 1.5rem;
    }


    @media (max-width: 1599.5px) {
        .h2-r {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 1199.5px) {
        .h2-r {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 991.5px) {
        .h2-r {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 767.5px) {
        .h2-r {
            font-size: 1.3rem;
        }
    }

    @media (max-width: 424.5px) {
        .h2-r {
            font-size: 1.25rem;
        }
    }

    @media (max-width: 359.5px) {
        .h2-r {
            font-size: 1.2rem;
        }
    }


    .h4-r {
        font-size: 1.2rem;
    }


    @media (max-width: 1599.5px) {
        .h4-r {
            font-size: 1.2rem;
        }
    }

    @media (max-width: 1199.5px) {
        .h4-r {
            font-size: 1.2rem;
        }
    }

    @media (max-width: 991.5px) {
        .h4-r {
            font-size: 1.1rem;
        }
    }

    @media (max-width: 767.5px) {
        .h4-r {
            font-size: 1rem;
        }
    }

    @media (max-width: 424.5px) {
        .h4-r {
            font-size: 1rem;
        }
    }

    @media (max-width: 359.5px) {
        .h4-r {
            font-size: 1rem;
        }
    }



    .h5-r {
        font-size: 1rem;
    }


    @media (max-width: 1599.5px) {
        .h5-r {
            font-size: 1rem;
        }
    }

    @media (max-width: 1199.5px) {
        .h5-r {
            font-size: 1rem;
        }
    }

    @media (max-width: 991.5px) {
        .h5-r {
            font-size: 0.99rem;
        }
    }

    @media (max-width: 767.5px) {
        .h5-r {
            font-size: 0.98rem;
        }
    }

    @media (max-width: 424.5px) {
        .h5-r {
            font-size: 0.96rem;
        }
    }

    @media (max-width: 359.5px) {
        .h5-r {
            font-size: 0.9rem;
        }
    }

    .h5-5 {
        font-size: 0.91rem;
        margin-bottom: 0.5rem;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
    }



    .FontSize-SignIn {
        font-size: 1.2rem;
    }

    .FontSize-SignInSub {
        font-size: 0.8rem;
    }


    @media (max-width: 1599.5px) {
        .FontSize-SignIn {
            font-size: 0.8rem;
        }

        .FontSize-SignInSub {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 1199.5px) {
        .FontSize-SignIn {
            font-size: 1.2rem;
        }

        .FontSize-SignInSub {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 991.5px) {
        .FontSize-SignIn {
            font-size: 1.1rem;
        }

        .FontSize-SignInSub {
            font-size: 0.7rem;
        }
    }


    @media (max-width: 424.5px) {
        .FontSize-SignIn {
            font-size: 1rem;
        }

        .FontSize-SignInSub {
            font-size: 0.65rem;
        }
    }

    @media (max-width: 359.5px) {
        .FontSize-SignIn {
            font-size: 1rem;
        }

        .FontSize-SignInSub {
            font-size: 0.65rem;
        }
    }

.font-size-responsive-large {
    font-size: 0.85rem;
}

@media (max-width: 1599.5px) {
    .font-size-responsive-large {
        font-size: 0.85rem;
    }
}

@media (max-width: 1199.5px) {
    .font-size-responsive-large {
        font-size: 0.85rem;
    }
}

@media (max-width: 991.5px) {
    .font-size-responsive-large {
        font-size: 0.82rem;
    }
}

@media (max-width: 767.5px) {
    .font-size-responsive-large {
        font-size: 0.85rem;
    }
}

@media (max-width: 424.5px) {
    .font-size-responsive-large {
        font-size: 0.82rem;
    }
}

@media (max-width: 359.5px) {
    .font-size-responsive-large {
        font-size: 0.82rem;
    }
}