@font-face {
    font-family: 'aftika';
    src: url('/fonts/aftika-black.otf') format('otf'), url('/fonts/aftika-bold.otf') format('otf'), url('/fonts/aftika-extrabold.otf') format('otf');
}


h1, h2, h3, p, li {
    font-family: 'Open Sans', sans-serif;
}

p {
    font-family: 'Open Sans', sans-serif;
}

.text-secondary {
    color: tomato;
}

.navbar {
    transition: all .5s ease-in-out;
}

.navbar-sticky {
    background: #fff;
    opacity: .90;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.header .decoration-star-2 {
    top: 80px;
    right: -50px;
    width: 500px;
    opacity: 0.7;
}

.details .decoration-star {
    left: 0px;
    left: -50px;
    max-height: 500px;
}

.details-2 .decoration-star {
    right: -50px;
    width: 500px;
}

.bg-bigimage {
    background: linear-gradient(rgba(0,0,0,0.9), rgba(255, 255, 255, 0.1)), url("../img/mountains2.jpg") left center no-repeat;
    background-size: cover;
    /*height: 600px;*/
}

.space-problem {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.bg-bluey {
    background: url("../img/wv-seal.png") left top no-repeat;
    background-size: 500px auto;
    background-color: rgb(1, 41, 145);
    /*background-color: rgba(1, 41, 145, 1);*/
}

.card {
    transition: .3s;
    min-height: 400px;
}

.card:hover {
    transform-origin: top left;
    transform: scale(1.01);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}


.footer {
    
}

.footer-img {
    max-height: 250px;
}

.text-center {
    text-align: center;
}

.underline {
    position: relative;
    display: inline-block; /* Makes sure the line stays centered */
    padding-bottom: 0px;
}

.underline::after {
    content: "";
    display: block;
    width: 300px; /* Line width */
    height: 1px; /* Line thickness */
    background-color: white; /* Line color */
    margin: 25px auto 0; /* Centers the line */
}

.uniform-height {
    min-height: 225px;
}

@media (max-width: 992px) {
    .bg-bluey {
        background: url("../img/wv-seal.png") left top no-repeat;
        background-size: 500px auto;
        background-blend-mode: multiply;
        background-color: rgb(1, 41, 145);
    }

    .card:hover {
        transform-origin: top left;
        transform: scale(1);
        box-shadow: none;
    }
}