body {
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight:300;
    text-transform:lowercase;
}
/* responsive */
@media screen and (max-width:414px) and (max-height:736px) {
    .col.col-md-6 {
        text-align:center;
    }
    .footer {
        position: fixed;
        bottom: 0;
    }
}
@media screen and (max-width:320px) and (max-height:568px) {
    .footer {
        height:75px;
    }
}