.page_banner {
    background-position: center;
    max-height: 500px;
}

.latest-news {
    display: none;
}

.latest-news-title {
    font-size: 35px;
    font-weight: 400;
    padding: 100px 6.7% 10px 6.7%;
}

.latest_news_banner {
    width: auto;
    background-color: #2C3C49;
    padding: 250px 5% 250px 5%;
    margin-bottom: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/page_banner.jpg);
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}

.latest_news_banner h1 {
	color: #FFF;
	position: relative;
    text-align: center;
    max-width: 60%;
    line-height: 135%;
    margin: 0 auto;
}

.latest_news_banner p {
    font-size: 23px;
    color: #FFF;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

/* Buttons */
.button-title {
    padding: 20px 6.7% 10px 6.7%;
    font-weight: 400;
    font-size: 15px;
    color: #606569;
}

.buttons {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
}

.buttons button {
    cursor: pointer;
    width: 16.6666%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #808589;
    border: none;
    background-color: #f0f5f9;
    font-family: 'Geologica', Arial;
    -webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
    border-bottom: 3px solid #f0f5f9;
}

.buttons button:hover {
    background-color: #a5c6df;
    color: #FFF;
    border-bottom: 3px solid #a5c6df;
}

.buttons button:active {
    background-color: #bedff8;
    font-weight: 500;
}

.buttons .active {
    background-color: #a5c6df;
    font-weight: 500;
    color: #FFF;
    border-bottom: 3px solid #8bacc5;
}

.buttons .active:hover {
    background-color: #a5c6df;
}



@media screen and (max-width: 1150px ) {

    .button-wrapper {
        display: none;
        visibility: none;
    }

    .latest_news_banner {
        padding: 100px 5% 100px 5%;
    }

}

@media screen and (max-width: 1000px) {
    .latest_news_banner h1 {
        padding-top: 50px;
    }

    .latest_news_banner {
        padding: 50px 5% 50px 5%;
    }
}

@media screen and (max-width: 700px) {
    .news {
        background-color: #FFF;
    }

    .story {
        border-bottom: none;
    }

    .news .image {
        display: none;
    }
    
}