/* Main CSS */
body{
    margin: 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

html , h1, h2, h3, p, ul, li {
    margin: 0;
    padding: 0;
}

h1, h2, h3, p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.clearfix {
    content: "";
    clear: both;
    display: table;
}

footer {
    background-color: #67595E;
}

/* ===================
    EXTRAS
====================== */

.main-color {
    background-color: #67595E;
}

.secondary-color {
    background-color: #A49393;
}

.other-color {
    background-color: #434343;
}

.border {
    border: 1px solid red;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.hide {
    display: none;
}

.flex-container {
    display: flex;
    flex-direction: column;
}