body {
    /* font-family: Arial, Helvetica, sans-serif; */
 font-family: Arial,Roboto,Helvetica,sans-serif;
    color: #404040;
}

h1, h2, h3, h4 {
    color: #DD1D21;
 font-weight: 700;
}

a {
    color: #DD1D21;
    text-decoration: underline;
}

.footer {
    background-color: #A6A6A6;
}

.social {
    background-color: #A6A6A6;
}
.social-icon {
    display: inline-block;
}


/*x-small*/
@media (max-width: 576px) {

}
/*small*/
@media (min-width: 576px) {
    html {
        font-size: 1.2rem;
    }
}
/*medium*/
@media (min-width: 768px) {
    html {
        font-size: 1.3rem;
    }
}
/*large*/
@media (min-width: 992px) {
    html {
        /* font-size: 1.4rem; */
    }
}
/*x-large*/
@media (min-width: 1200px) {

}