@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

header {
    background-image: url('../img/header-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
}
/* navbar */
.navbar-main li.nav-item {
    border-right: 4px solid #666666;
}

.navbar-main li.nav-item:last-child {
    border-right: none;
}

.navbar-main  .navbar-nav .nav-link {
    color: #ffffff;
    font-family: 'Black Han Sans', sans-serif;
}
.navbar-main .navbar-nav .nav-link:focus, 
.navbar-main .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.5);
}

/* navbar-mobile */
.navbar-mobile .navbar-nav .nav-link {
    color: #000;
}

.navbar-mobile .navbar-nav .active .nav-link,
.navbar-mobile .navbar-nav .nav-link:focus, 
.navbar-mobile .navbar-nav .nav-link:hover {
    color: rgba(255,255,255);
    background-color: #06c0f0;
}

/* index */
.row-links col-12, 
.row-links col-6 {
    position: relative;
} 

.row-links .link-big,
.row-links .link-small {
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    position: absolute;
    bottom: 6px;
    left:20px;
}

.row-links .link-big {
    font-size: 39pt;
}
.row-links .link-small {
    font-size: 20pt;
}
@media (max-width: 1100px) {
    .row-links .link-big {
        font-size: 25px;
    }
    .row-links .link-small {
        font-size: 20px;
    }
}

.font-han {
    font-family: 'Black Han Sans', sans-serif;
}
.bg-dark {
    background-color: #151323;
}
.bg-light-blue {
    background-color: #e9f1f2;
}
.bd-purple {
    background-color: #7d7db3;
    color: #fff;
}
.bg-dark-60 {
    background-color: rgba(0, 0, 0, 0.6);
}
.border-purple {
    border-color: #d4d3e3;
}
.text-green {
    color: #009900;
}
.text-purple {
    color: #5f5d72;
}
.text-blue {
    color: #37b1e2;
}
.btn-support {
    background-image: url('../img/support-us.png');
    max-width: 382px;
    max-height: 75px;
    font-size: 28px;
    padding-top: 17px;
    padding-left: 88px;
    background-size: cover;
    padding-bottom: 20px;
}

@media (max-width: 400px) {
    .btn-support {
        background: green;
        font-size: 18px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
}
/* for lg only */
@media (min-width: 992px) {
    .pl-8px {
        padding-left: 8px;
    }
    .pr-8px {
        padding-right: 8px;
    }
    .mx--8px {
        margin-left: -8px;
        margin-right: -8px;
    }
}


/* footer */
footer {
    background-color: #0f0e1a;
}
footer .navbar-dark  .navbar-nav .nav-link {
    color: #ffffff;
}