a {
    color: #237425;
    text-decoration: none;
}

img {
    max-width: 100%;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.bio-header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {
    .bio-header {
        height: 70px;
        background-color: transparent;
    }
}

.news-container {
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: #208c39;
}

    .news-container::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 100px 100px 0 100px;
        border-color: #ffffff transparent transparent transparent;
    }

    .news-container h2 {
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        font-size: 5rem;
        padding-bottom: 50px;
    }

    .news-container .custompanel-container {
        overflow: hidden;
    }

        .news-container .custompanel-container .custompanel-widget {
            padding: 0;
        }

            .news-container .custompanel-container .custompanel-widget a {
                position: absolute;
                top: 0;
                left: 10px;
                background-color: rgba(35, 116, 37, 0.9);
            }

    .news-container a.secondary {
        background-color: rgba(22, 26, 30, 0.5);
    }

    .news-container a.bio-btn {
        font-size: 1.3rem;
        padding: 1.1rem 1.4rem;
    }

    .news-container .new-item h4.title {
        font-size: 2.8rem;
        margin: 1rem 0;
        color: #ffffff;
    }

    .news-container .new-item .header {
        text-align: center;
    }

    .news-container p {
        font-size: 1.5rem;
    }

@media only screen and (max-width: 768px) {
    .news-container {
        padding-top: 90px;
    }

    .news-container h2 {
        font-size: 3.5rem;
        padding-bottom: 15px;
    }
}