.landing-page .navbar-default, .navbar.navbar-static-top {
    background: #26596d;
    color: #ffffff;
}

nav ul.nav li a i {
    color: #ffffff;
}

nav ul.nav li {
    border-bottom: #ffffff1a 1px solid;
}

.border-right-site {
    border-right: #ffffff1a 1px solid;
}

nav ul.nav.metismenu li a i {
    min-width: 4rem;
}

.font-size-1 {
    font-size: 1rem;
}

.langs {
    max-width: 5rem !important;
}

#intro p {
    font-size: 1rem;
}

#intro {
    background-color: #0b3543;
    opacity: .8;
    width: 70%;
    z-index: 1;
    position: relative;
    top: 30%;
}

#container-intro {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 30rem;
    z-index: 0
}

.content-items:hover i, .content-items:hover h3 , .event.content-items:hover p {
    color: white !important;
}

.content-items:hover {
    background-color: #26596d;
    color: white !important;
}


@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 2001;
        width: 25%;
    }

}

@media (max-width: 767px) {
    #intro {
        width: 100%;
        top: 0;
    }
    #intro p {
        font-size: 0.9rem;
    }

}