/*****************************************************************************
 * Spacers
 *****************************************************************************/

.spacer-small-mobile {
    width: auto;
    height: 16px;
}

.spacer-small {
    width: auto;
    height: 16px;
}

.spacer-medium-mobile {
    width: auto;
    height: 40px;
}

.spacer-medium {
    width: auto;
    height: 40px;
}

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


/*****************************************************************************
 * Dangerous Goods
 *****************************************************************************/

.dg-icon-text {
    display: inline-block;
    max-width: 72px;
    margin-right: 14px;
    text-align: center;
    vertical-align: text-top;
}

.dg-icon {
    margin-right: 14px;
}

.spacer-small-mobile {
    width: auto;
    height: 16px;
}

.spacer-small {
    width: auto;
    height: 16px;
}

.spacer-medium-mobile {
    width: auto;
    height: 40px;
}

.spacer-medium {
    width: auto;
    height: 40px;
}

@media (min-width: 768px) {
    .dg-icon-text {
        display: inline-block;
        max-width: 72px;
        margin-right: 22px;
        text-align: center;
        vertical-align: text-top;
    }

    .dg-icon {
        margin-right: 22px;
    }

    .spacer-small-mobile {
        width: auto;
        height: 16px;
    }

    .spacer-small {
        width: auto;
        height: 20px;
    }

    .spacer-medium-mobile {
        width: auto;
        height: 24px;
    }

    .spacer-medium {
        width: auto;
        height: 40px;
    }
}

/*****************************************************************************
 * Logo Fixes 
 *****************************************************************************/

@media (min-width: 768px) {
    .logo {
        height: 36.2px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .logo {
        height: 29.41px;
        width: 100%;
    }
}