h1, h1 > u, h1 > b {
    font-size: 3rem;
    font-weight: 500;
}

h2, h2 > u, h2 > b {
    font-size: 2rem;
    font-weight: 500;
}

h3, h3 > u, h3 > b {
    font-size: 1rem;
    font-weight: 500;
}

h1 > b, h2 > b, h3 > b {
    font-weight: 600;
}

.bg-image {
    width: 100%;
    height: auto;  
    background-size: cover;
    background-repeat: no-repeat;

    padding: 3rem;
}

.sec2bg {
    background-image: url('/static/main/img/ic-sec2bg.png');
}

.sec3bg {
    background-image: url('/static/main/img/ic-sec3bg.png');
}

ul {
    padding: 0px;
    list-style: none;
}


.text-shadow {
    text-shadow: 2px 2px black;
}



@media (min-width: 992px) {

    h1, h1 > u, h1 > b {
        font-size: 4rem;
        font-weight: 500;
    }
    
    h2, h2 > u, h2 > b {
        font-size: 3rem;
        font-weight: 500;
    }
    
    h3, h3 > u, h3 > b {
        font-size: 2rem;
        font-weight: 500;
    }
    
    h1 > b, h2 > b, h3 > b {
        font-weight: 600;
    }

    .bg-image {
        padding: 10rem;
    }

    ul > li {
        font-size: 2rem;
    }

    .icon-grid img {
        width: 7rem;
        margin-top: 3rem;
    }

}