﻿@media (min-width: 768px) {
    html {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .form-control-plaintext, .select-wrapper select.form-control, input:not([type=checkbox],[type=radio]).form-control, textarea.form-control {
        font-size: 1rem;
        line-height: 1.25;
    }
}

@media (max-width: 767px) {
    #footer ul.links {
        margin-top: 18px
    }

    #footer li {
        clear: both
    }

        #footer li.separator {
            display: none
        }

    .graycell {
        min-height: auto;
        height: auto
    }
}

@media (max-width: 620px) {
    .container, .container-fluid {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 460px) {
    #footer img {
        display: none
    }

    #header .container {
        padding: 0
    }
}

@media (max-width: 620px) {
    button.continueasguest {
        font-size: 18px
    }
}

@media (max-width: 575px) {
    #dateOfBirth, .date_picker {
        width: 100%
    }

    button.continueasguest {
        font-size: 22px
    }
}
@media(max-width: 767px) {
    .age {
        margin-top: -1rem !important;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    body {
        font-size: 1rem;
        line-height: 1.25
    }

    .heading-xl {
        font-size: 2rem;
        line-height: 36px;
        margin-bottom: 1.5rem
    }

    .heading-l {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 1.1875rem
    }

    .heading-m {
        font-size: 1.1875rem;
        line-height: 1.5;
        margin-bottom: 1rem
    }

    .heading-s {
        margin-bottom: .75rem
    }

    .btn, .heading-s {
        font-size: 1rem;
        line-height: 1.25
    }

    .btn {
        margin-bottom: 1.5rem;
        min-width: 6rem
    }

    footer {
        font-size: .75rem
    }

    .form-control-plaintext, .select-wrapper select.form-control, input:not([type=checkbox],[type=radio]).form-control, textarea.form-control {
        font-size: 1rem;
        line-height: 1.25
    }

    a.back-link {
        font-size: .75rem
    }

    .fa, .fal, .far, .fas {
        font-size: 1.1875rem
    }
}