/*
 * TYPOGRAPHY
 */


/* BASIC TYPOGRAPHY */
    /*@import url('http://fonts.cdnfonts.com/css/pt-root-ui');
    @import url('http://fonts.cdnfonts.com/css/pt-mono');
    @import url('https://fonts.cdnfonts.com/css/freemono');
    @import url('https://fonts.cdnfonts.com/css/finlandica');
    @import url('https://fonts.cdnfonts.com/css/space-mono');
    @import url('https://fonts.cdnfonts.com/css/zen-kaku-gothic-new');
    @import url('https://fonts.cdnfonts.com/css/poppins');*/
    @import url('https://fonts.cdnfonts.com/css/montserrat');

    body {
        font-family: 'Montserrat', sans-serif;
        line-height: 1.5;
        font-weight: 300;
    }
    p {
        margin: 0px;
        padding: 0px;
    }


/* HELPER STYLES */
    .typography--bold {
        font-weight: 500;
    }
    .typography--uppercase {
        text-transform: uppercase;
    }
    .typography__text__secondary {
        /*color: var(--color-text-secondary);*/
        opacity: 0.6;
    }


/* BASIC TYPOGRAPHY STYLES 
(https://carbondesignsystem.com/guidelines/typography/overview/) */

/* SYSTEM STYLES */
    h1 {
        font-size: 3.0rem;
        margin: 0px;
        padding-top: 24px;
        padding-bottom: 16px;
        font-weight: 400;
    }
    h2 {
        font-size: 2.625rem;
        margin: 0px;
    }
    h3 {
        font-size: 2.25rem;
        margin: 0px;
    }
    h4 {
        font-size: 2.0rem;
        margin: 0px;
    }
    h5 {
        font-size: 1.75rem;
        margin: 0px;
    }
    h6 {
        font-size: 1.5rem;
        margin: 0px;
    }

/* CUSTOM STYLES */
    .typography__display {
        font-size: 3.375rem;
        line-height: var(--dimention-line-height-display);
        margin: 0px;
    }
    .typography__h1 {
        font-size: 3.0rem;
        margin: 0px;
        padding-top: 24px;
        padding-bottom: 16px;
    }
    .typography__h2 {
        font-size: 2.625rem;
        margin: 0px;
    }
    .typography__h3 {
        font-size: 2.25rem;
        margin: 0px;
    }
    .typography__h4 {
        font-size: 2.0rem;
        margin: 0px;
    }
    .typography__h5 {
        font-size: 1.75rem;
        margin: 0px;
    }
    .typography__h6 {
        font-size: 1.5rem;
        margin: 0px;
    }
    .typography__title {
        font-size: 1.25rem;
        margin: 0px;
        padding: 0px;
    }
    .typography__subtitle {
        font-size: 1.125rem;
        margin: 0px;
    }
    .typography__body {
        font-size: 1rem;
        margin: 0px;
    }
    .typography__body--text {
        font-size: 1rem;
        margin: 0px;
        line-height: 150%;
    }
    .typography__body1 {
        font-size: 0.875rem;
        margin: 0px;
    }
    .typography__body1--text {
        font-size: 0.875rem;
        line-height: 150%;
        margin: 0px;
    }
    .typography__caption {
        font-size: 0.75rem;
        margin: 0px;
    }
    .typography__overline {
        font-size: 0.75rem;
        text-transform: uppercase;
        margin: 0px;
    }
    .typography__button__label {
        font-size: 0.875rem;
        line-height: 1.0;
        text-transform: uppercase;
        margin: 0px;
        text-decoration: none;
    }


/* ADAPTIVE LAYOUTS */

    /* MOBILE */
        @media only screen and (max-width: 480px) {
            /* ... */
            body {
                font-size: 16px;
            }
        }

    /* TABLET PORTRAIT */
        @media only screen and (min-width: 481px) and (max-width: 768px) {
            /* ... */
            body {
                font-size: 16px;
            }
        }

    /* TABLET LANDSCAPE */
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            /* ... */
            body {
                font-size: 16px;
            }
        }

    /* LAPTOP */
        @media only screen and (min-width: 1025px) and (max-width: 1600px) {
            /* ... */
            body {
                font-size: 16px;
            }
        }

    /* DESKTOP */
        @media only screen and (min-width: 1601px) {
            /* ... */
            body {
                font-size: 16px;
            }
        }