@import url(fonts.css);

.text-container {
    font-family: Lato, sans-serif;
    text-align: justify;
    font-size: 14pt;
    line-height: 1.5;
}

.title {
    text-align: center;
    font-weight: bold;
    font-size: 20pt;
}

.h1-text {
    font-size: 20pt;
}

.h2-text {
    font-size: 17pt;
}

.text-align-left {
    text-align: left;
}

.bold-text {
    font-weight: bold;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .text-container {
        padding: 0% 5%;
    }
}


/* ----------- Latest iPhones ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 956px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

    .text-container {
        font-size: 30pt;
        padding: 0% 5%;
    }

    .h1-text {
        font-size: 36pt;
    }

    .h2-text {
        font-size: 32pt;
    }

    .title {
        font-size: 40pt;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 956px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    .text-container {
        font-size: 16pt;
        padding: 0% 5%;
    }

    .title {
        font-size: 25pt;
    }
}