@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebBold/colgateready_web-bold.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebBold/colgateready_web-bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebBold/colgateready_web-bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebBold/colgateready_web-bold.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebLight/colgateready_web-light.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebLight/colgateready_web-light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebLight/colgateready_web-light.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebLight/colgateready_web-light.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: 100;
    font-style: normal;
}

html,
body {
    font-family: 'ColgateWebRegular';
}

.bg-danger {
    background-color: #E41F27 !important;
    border-color: #E41F27 !important;
}

.badge-100-75 {
    top: 70% !important;
    left: 40% !important;
}

.badge {
    border-radius: 0.85rem 0 0.85rem 0.85rem !important;
}

sup {
    top: -0.45em !important;
    font-weight: normal !important;
    font-size: calc(0.4rem + 0.25vw) !important;

}

.badge-hover,
img {
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.badge-hover:hover {
    background-color: #E41F27 !important;
    color: #fff !important;
    border-radius: 0.85rem !important;
    transform: translateX(-5px);
}

footer,
footer a {
    font-size: 0.8rem !important;
    text-decoration: none !important;
    color: #6c757d !important;
}

footer a:hover {
    color: #E41F27 !important;
    text-decoration: underline !important;
}

.h4 {
    font-size: calc(1rem + 0.75vw) !important;
}

.h6 {
    font-size: calc(0.4rem + 0.5vw) !important;
}

.form-text {
    font-size: calc(0.3rem + 0.5vw) !important;
}

@media (min-width: 992px) and (max-width: 1500px) {
    .h6 {
        font-size: calc(0.5rem + 0.6vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 0.6vw) !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .h6 {
        font-size: calc(0.5rem + 0.7vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 0.7vw) !important;
    }

    .badge-100-75 {
        top: 70% !important;
        left: 35% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .h6 {
        font-size: calc(0.5rem + 0.75vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 0.75vw) !important;
    }

    .badge-100-75 {
        top: 70% !important;
        left: 25% !important;
    }
}

@media (min-width: 500px) and (max-width: 575px) {
    .h6 {
        font-size: calc(0.5rem + 1vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 1vw) !important;
    }

    .badge-100-75 {
        top: 70% !important;
        left: 25% !important;
    }
}

@media (min-width: 400px) and (max-width: 499px) {
    .h4 {
        font-size: calc(1rem + 0.25vw) !important;
    }

    .h6 {
        font-size: calc(0.5rem + 1vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 1vw) !important;
    }

    .badge-100-75 {
        top: 70% !important;
        left: 25% !important;
    }
}

@media (min-width: 1px) and (max-width: 399px) {
    .h4 {
        font-size: calc(1rem + 0.15vw) !important;
    }

    .h6 {
        font-size: calc(0.5rem + 1vw) !important;
    }

    .form-text {
        font-size: calc(0.4rem + 1vw) !important;
    }

    .badge-100-75 {
        top: 70% !important;
        left: 20% !important;
    }
}