h1, h2, h3 {
    color: var(--primary-blue);
    font-family: 'Publico Headline', 'DM Serif Text', serif;
    letter-spacing: 1px;
}
h4, p {
    color: var(--mine-shaft);
    font-family: 'Source Sans Pro';
}
h1 {
    font-size: 2rem;  
    max-width: 750px;
    margin: 0 auto 1.5rem;
}
h2 {
    font-size: 1.5rem; 
    margin-top: 1.5em; 
}
h3, h4 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: .75rem;
}
p {
    color: #60676D;
    margin: 0 auto 1rem;
    max-width: 750px;
}
.grande{
    font-size: 1.1rem;
}

@media (min-width: 768px) {
    h3, h4 {
        font-size: 1rem;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
}
@media (min-width: 992px) {
    h1 {
        font-size: 2.5rem;  
        margin-bottom: 1.5rem;
    }
    h2 {
        font-size: 1.5rem;  
        margin-bottom: 1.5rem;
    }
}
.center {
    text-align: center;
}