.bg-primary {
    background-color: #F2E500 !important;
}
.bg-secondary {
    background-color: #962E2D !important;
}
.bg-dark {
    background-color: #2E2726 !important;
}
.border-red {
    border-color: #962E2D !important;
}

body {
    font-family: Raleway, arial, sans-serif;
}

h1 {
    background-color: #962E2D;
    color: #ffffff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;

}

h2 {
    display: inline-block;
    background-color: #962E2D;
    color: #ffffff;
    margin-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.header-hero {
    background-image: url(../../images/background.jpg);
    background-size: cover;
    border-bottom: 10px solid #F2E500;
}
.header-logo {
    background-image: url(../../images/header.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-photos {
    background-image: url(../../images/photos.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.nav-pills {
    margin-top: -32px;
}

.nav-pills .nav-link {
    background-color: #433e41;
    color: #ffffff;
}
.nav-pills .nav-link.active {
    background-color: #F2E500;
    color: #2E2726;
}
.dropdown-menu-dark {
    background-color: #433e41;
}




@media (min-width: 768px) {

    .w-md-50 {
        width: 50% !important;
    }
    .w-md-40 {
        width: 40% !important;
    }
    .w-md-30 {
        width: 30% !important;
    }
}