@media only screen and (min-width: 768px) and (max-width:991px) {
    .PATextHeader

{
    font-size: 33px !important
}

.font40mob {
    font-size: 21px !important;
}

.h1class {
    font-size: 1.5rem !important;
    color: black;
    font-weight: 600
}

.pclass {
    font-size: 1rem !important;
    color: black;
    line-height: 2rem;
    text-align: center
}

.topclassA {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-row-gap: 10%;
    position: absolute;
    top: 5%;
    padding: 20px;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-5%)
}

.topclassB {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-row-gap: 0%;
    position: absolute;
    top: 5%;
    padding: 25px;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-5%)
}

.h12class {
    font-size: 1.2rem !important;
    color: black;
    font-weight: 600
}

.p12class {
    font-size: 1rem !important;
    color: black;
    line-height: 2rem;
    text-align: center
}

}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .PATextHeader {
        font-size: 40px !important
    }

    .font40mob {
        font-size: 28px !important;
    }

    .h1class {
        font-size: 2.2rem !important;
        color: black;
        font-weight: 600
    }

    .pclass {
        font-size: 1.5rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }

    .topclassA {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 25%;
        position: absolute;
        top: 5%;
        padding: 20px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .topclassB {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 4%;
        position: absolute;
        top: 5%;
        padding: 25px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .h12class {
        font-size: 2rem !important;
        color: black;
        font-weight: 600
    }

    .p12class {
        font-size: 1.5rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }
}

@media screen and (min-width:1201px) and (max-width:1500px) {
    .h1class {
        font-size: 3rem !important;
        color: black;
        font-weight: 600
    }

    .topclassA {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 25%;
        position: absolute;
        top: 5%;
        padding: 20px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .topclassB {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 4%;
        position: absolute;
        top: 5%;
        padding: 25px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .pclass {
        font-size: 2rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }

    .h12class {
        font-size: 2.8rem !important;
        color: black;
        font-weight: 600
    }

    .p12class {
        font-size: 2rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }
}

@media screen and (min-width:1501px) {
    .h1class {
        font-size: 3rem !important;
        color: black;
        font-weight: 600
    }

    .topclassA {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 25%;
        position: absolute;
        top: 5%;
        padding: 20px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .topclassB {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-row-gap: 4%;
        position: absolute;
        top: 5%;
        padding: 25px;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-5%)
    }

    .pclass {
        font-size: 2rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }

    .h12class {
        font-size: 2.8rem !important;
        color: black;
        font-weight: 600
    }

    .p12class {
        font-size: 2rem !important;
        color: black;
        line-height: 2.8rem;
        text-align: center
    }
}

.extraPad {
    font-weight: 600;
    padding: 30px 10px 0px 10px;
}

.compareHealthIns5 {
    position: absolute;
    top: 60%;
    left: 0%;
    transform: translateX(13%);
}

@media only screen and (max-width: 768px) {
    .compareHealthIns5 {
        position: absolute;
        top: 60%;
        left: 0%;
        transform: translateX(13%);
        max-width: 50% !important;
    }
}


.accordion-button:not(.collapsed) {
    color: white;
    background-color: #061440;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    font-size: 18px;
}

.accordion-button collapsed {
    font-size: 18px;
    padding: 20px;
}

.accordion-button {
    font-size: 18px;
    padding: 20px;
}

.accordion-body {
    font-size: 18px !important;
}

.fw600 {
    font-weight: 600;
}

.fntfw600 {
    font-size: 2.1rem !important;
    font-weight: 600;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

p {
    font-family: 'Roboto', sans-serif !important;
}

div {
    font-family: 'Roboto', sans-serif !important;
}

span {
    font-family: 'Roboto', sans-serif !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
}