:root {
    font-size: 14px;
}

h3 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.75rem;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    :root {
        font-size: 16px;
    }
    .mb-5 {
        margin-bottom: 3rem !important;
    }   
}


.blue-bg {
    background-color: #40a9e3;
}

.black-bg {
    background-color: black;
}
  
.red-bg {
    background-color: #d1240c;
}

.green-bg {
    background-color: #5cab06;
}


h1.generic-header {
    line-height: 6rem;
    font-size: 7rem;
    text-transform: uppercase;
}

@media only screen and (max-width: 1068px){
    h1.generic-header {
        font-size: 10vw;
        line-height: 12vw;
    }
}