/*!
 * This file is the custom styles that overwrite the base Bootstrap settings were needed
 */




/*------------------------------- FOOD SAFETY ---------------------------------*/
body {
    color: #362b13;
}

.food-safety-body-bg h2 {
    font-family: BrandonGrotesqueWeb-Black, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 2.5em;
    text-transform: uppercase;
}

.food-safety-body-bg h3 {
    font-family: "AsapBold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.0em;
    text-transform: uppercase;
    margin: 2em auto 0.25em auto;
    line-height: 1.3em;
}

.food-safety p {
    line-height: 1.7;
}

.food-safety-body-bg {
    background-color: #f4f2ec;
    padding: 3em;
}

.call-to-action {
    font-family: 'AsapMediumItalic', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: oblique;
    text-decoration: none;
    color: #db772a;
    margin: 2em auto;
}

.bolder {
    font-family: "AsapBold", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.food-safety-header {
    background-color: #b9b5ac;
    text-align: center;
}

    .food-safety-header h1 {
        text-align: center;
        padding-top: 2em;
        color: #faf9f7;
        font-size: 4.25em;
        font-family: BrandonGrotesqueWeb-Black, Helvetica, Arial, sans-serif;
        font-style: normal;
        text-transform: uppercase;
    }

.food-safety-body-bg h2 {
    color: #362b13;
    font-size: 1.75em;
    font-family: BrandonGrotesqueWeb-Black, Helvetica, Arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
}





/*-------------------------------  MEDIA SIZE STYLES ---------------------------------*/

@media (max-width: 480px) {
    .food-safety-body-bg {
        padding: inherit;
    }
}

@media (max-width: 767px) {

    .food-safety-header {
        background-color: #b9b5ac;
        text-align: center;
    }

        .food-safety-header h1 {
            padding-top: 57px;
            font-size: 2.9em;
        }

    .food-safety p {
        font-size: 1.10em;
    }
}

@media (max-width: 992px) {
}

@media (max-width: 1200px) {
}

@media (min-width: 0px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}