html, body {
    overflow-x: hidden;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: "Myriad Pro", sans-serif;
    background: #f5f5f5;
}

@media screen and (min-width: 360px) {

    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 8px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 480px) {

    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 23px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 768px) {
    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 27px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 992px) {
    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 29px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 1200px) {
    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 31px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 1920px) {
    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 33px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 2560px) {
    .preprinc {
        color: #3363c2;
        font-family: "Myriad Pro", sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: bold;
    }

    .pregsubt {
        color: #182956;
        font-family: "Myriad Pro", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: bold;
    }

    .pregfreqcontent {
        font-family: "Myriad Pro", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: normal;
    }
}