html:not(.inner), html:not(.inner) body, html:not(.inner) main {
    height: 100%;
}
html:not(.inner) body {
    padding-top: 3rem;
}

html.inner body {
    padding-top: 80px;
}

.main-slide {
    height: 100%;
    position: relative;
}
.main-slide.inner {
    height: 200px;
}
.main-slide .bg{
    width: 100%;
    height: 100%;
    background-image: url('bg.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

html.inner:not(.wbg) .main-slide {
    display: none;
}

html.inner .main-slide .bg {
    background-image: url('./bg.jpeg');
}

html.inner .main-slide .captions {
    top: inherit;
    height: auto;
}

/*.btn-primary {*/
/*    background-color: #288dc0;*/
/*    border-color: #288dc0;*/
/*}*/

.btn-primary:hover{
    background-color: #a61818;
    border-color: #a61818;
}
.btn-primary {
    color: #fff;
    background-color: #d3292b;
    border-color: #d3292b;
}

.btn-outline-dark {
    color: #fff;
    background-color: #d3292b;
    border-color: #d3292b;
    
}
.btn-outline-dark:hover {
    color: #fff;
    background-color:  #a61818;
    border-color:  #a61818;
    
}

.main-slide .white-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%)
}

.main-slide .captions{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;    
    margin: auto;
    height: 100px;
    width: 50%;
    padding: 0 100px;
}
.main-slide .captions h1 {
    color: #fff;
}
.main-slide .captions p {
    text-align: justify;
    font-size: 13px;
    margin-bottom: 30px;
    color: #fff;
}
.btn { 
    border-radius: 0 !important;
}

.navbar-brand img.logo {
    width: 60px;
}

.navbar-brand img.slogan {
    width: 200px;
}

.bg-dark{
    background-color: #fff !important;
    background-image: url('../images/nav-bg.svg');
    background-position: 160%;
    background-repeat: no-repeat;
    background-size: 55%;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #288dc0;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #288dc0;    
}

footer {
    padding: 15px 0;
    text-align: center;
}

footer p {
    margin: 0;
    font-size: 10px;
}

.card {
    margin-bottom: 25px;
}

.card .card-body {
    position: relative;
    min-height: 250px;
}

.card .card-body a {
    position: absolute;    
    bottom: 1.25rem;
}

nav.sub a {
    color: #000;
}

nav.sub a.active, nav.sub a:hover{
    color: #bd2130;  
}

nav.sub a.active{
    font-weight: bold;
}

html.inner nav.navbar.navbar-light.bg-light {
    background-color: #fffffd !important;
}

@media (max-width: 991.98px) {
    .main-slide .bg {
        background-size: cover;
    }   

    .main-slide .captions {
        width: 70%;
        padding: 0 50px;
        height: 205px;
    }
}

@media (max-width: 600px) {
    .main-slide .bg {
        background-size: cover;
    }

    .main-slide .captions {
        width: 100%;
        padding: 0 50px;
        height: 205px;
    }

    .card .card-body {
        min-height: auto;
    }

    .card .card-body a{
        position: static;
    }
}

html.contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}