﻿.sizeFlex {
    font-size: 1.125rem;
}

    .sizeFlex .font30 {
        font-size: 1.875rem !important;
    }

    .sizeFlex .font24 {
        font-size: 1.5rem !important;
    }

    .sizeFlex .font22, 
    .sizeFlex .help, 
    .sizeFlex a.button.next, 
    .sizeFlex a.button.back {
        font-size: 1.375rem;
    }

    .sizeFlex .font18,
    .sizeFlex .font18-content p,
    .sizeFlex .font18-content ul,
    .sizeFlex .font18-content div {
        font-size: 1.125rem !important;
    }

    .sizeFlex .large-button {
        height: 2.5rem;
        font-size: 1.125rem;
        line-height: 2.52rem;
    }

    .sizeFlex .x-large-button {
        height: 3.5rem;
        font-size: 1.125rem;
        min-width: 6rem;
        line-height: 3.1rem;
    }

    .sizeFlex .MemberCount {
        width: 5rem;
        height: 5rem;
        font-size: 1.625rem;
    }

#FamilyCountGridDiv {
    min-width: 310px;
}

.list-checkmark {
    font-size: 3.5rem !important;
    margin-top: -2rem !important;
}

@media (max-width: 330px) {
    .sizeFlex {
        font-size: .6875rem !important;
    }

    .sizeFlex .font30 {
        font-size: 1rem !important;
    }

    .sizeFlex .font24 {
        font-size: .875rem !important;
    }

    .sizeFlex .font22,
    .sizeFlex .help, 
    .sizeFlex a.button.next, 
    .sizeFlex a.button.back {
        font-size: .75rem;
    }

    .sizeFlex .font18,
    .sizeFlex .font18-content p,
    .sizeFlex .font18-content ul,
    .sizeFlex .font18-content div {
        font-size: .6875rem !important;
    }

    .grid {
        margin: 0 !important;
    }

    a.button {
        padding-top: .35rem !important;
    }
}
