/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-bottom: 20px;
}

.nav-menu {
    flex-grow:unset;
}

.navbar.bg-light{
    background:rgba(128, 128, 128,0.2)!important;
}
@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left:2rem;
        padding-right:0;
    }
}

.banner-box .banner-main {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 40px;
    z-index: 11;
    color: #fff;
    text-shadow: 0 0 15px rgba(0,0,0,0.3);
}
    .banner-box .banner-main h1 {
        color: #fff;
        font-weight: bold;
    }

.article-box img{
    max-width:100%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.footer-content {
    margin:50px 20px 20px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}