/* Home - Feature Header */

.featureHeader {
    overflow: hidden;
    margin: 2rem 0;
    position: relative;
}

.featureHeader .image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.featureHeader .image img {
    object-position: top;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.featured-content {
    position: relative;
}

.featured-content-header {
    width: 50%;
    float: right;
    margin: 3%;
}

 .feature-text {
    padding: 5%;
    background: #FFF;
}

 .feature-text h1 {
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
}

    @media (max-width: 767px) {
        .featured-content-header {
            width: 90%;
            float: none;
        }
    }
    
    @media (max-width: 576px) {
        
        .featureHeader {
            margin: 2rem 1rem;
        }
        
    }
    
/* Feature areas */

.featureAreas {
    background-color: #ccc;
    padding-block: 1.5rem;
}

.cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; 
}

.grid-item {
    flex: 1 1 350px;
}

.grid-link {
    display: block;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    text-decoration-color: #8e6f3e;
}

.grid-item .card-title {
    margin-top: 0;
}

.grid-link h2 {
    margin-top: 0;
}

.grid-item-content {
    margin: 10px;
}

.grid-item-content p {
    padding: 3px 0;
    text-decoration:none;
}

.grid-item-content a:hover{
    text-decoration: underline;
}

    @media (max-width: 576px) {
        
        .featureAreas {
            padding-inline: 1rem;
        }
        
    }