header {
    background: url(../assets/img/-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-overlay-container {
    width: 100%;
    height: auto;
    position: relative;
}

.header-overlay-img {
    width: 100%;
    height: 80vh;
    display: block;
    object-fit: cover;
}

.header-overlay-content {
    background: linear-gradient(0deg, rgba(1, 3, 13, 0.9), rgba(1, 3, 13, 0.9));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.header-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* Articles */
.articles-gutter {
    margin-left: -12px;
    margin-right: -12px;
}

.articles-gutter > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
}

.articles-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 16px;
}

.articles-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.articles-link:hover {
    color: var(--accent-darker);
}
/* End Articles */


@media (max-width: 998px) {

    .header-overlay-img {
        height: 300px;
    }

}