@import url('font-awesome-all.css');

@import url('titilliumweb300.css');

.fa-02x {
    font-size: 0.2em;
}

.fa-05x {
    font-size: 0.5em;
}

.fa-07x {
    font-size: 0.8em;
}

.fa-1x {
    font-size: 1em;
}

.fa-1-5x {
    font-size: 1.5em;
}

.fa-2x {
    font-size: 2em;
}

.fa {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

/* Stack the layout on small devices/viewports. */
@media all and (max-width: 575px) {
    body {
        grid-template-areas:
            "header"
            "article"
            "nav"
            "footer";
        grid-template-rows: 50px 1fr 40px 1fr 40px;
        grid-template-columns: 0fr;
    }
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(/fonts/titilliumweb.woff) format('woff');
}