@import url("../fonts/font.css");

/* ----------- Desktop ----------- */
@media (min-width: 576px) {
    body {
        margin: 0;
        padding: 0px;
        background-color: #4c4c4c;
    }

    p {
        font-family: 'pt_sansregular';
        font-size: 24 px;
        color: #fff;
    }

    h1 {
        font-family: 'functionpro-book';
    }

    .mainbox {
        margin: 0px;
        padding: 0px;
    }

    .hero {
        margin: 0px;
        padding: 0px;
    }

    .article {
        margin: 50px;
        padding: 0px;
    }

    #nav {
        height: 26px;
        width: 880px;
        padding: 0px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    ul.nav,
    li.nav {
        font-family: 'functionpro-book';
        font-size: 20px;
        color: #fff;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 18px;
        display: block;
        float: left;
    }

    .linker a,
    visited {
        font-family: 'functionpro-book';
        color: #ffffff;
        text-decoration: none;
    }

    .linker a:hover {
        font-family: 'functionpro-book';
        color: #78897F;
        text-decoration: none;
    }

    .linker a:active {
        font-family: 'functionpro-book';
        color: #8E8ABB;
    }

    .caption-home {
        font-family: 'pt_sansregular';
        font-size: 12px;
        color: #999999;
        text-align: center;
        margin: 50px;
    }
}

/* ----------- Mobile ----------- */
@media (max-width: 575px) {
    body {
        margin: 0;
        padding: 0px;
        background-color: #4c4c4c;
    }

    p {
        font-family: 'pt_sansregular';
        font-size: 24 px;
        color: #fff;
    }

    ul.nav,
    li.nav {
        font-family: 'functionpro-book';
        font-size: 20px;
        color: #fff;
        margin: 0px;
        padding: 5px;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
    }

    .linker a,
    visited {
        font-family: 'functionpro-book';
        color: #ffffff;
        text-decoration: none;
    }

    .linker a:hover {
        font-family: 'functionpro-book';
        color: #78897F;
        text-decoration: none;
    }

    .linker a:active {
        font-family: 'functionpro-book';
        color: #8E8ABB;
    }

    .caption-home {
        font-family: 'pt_sansregular';
        font-size: 14px;
        color: #999999;
        text-align: center;
        margin: 50px;
    }
}