html,
body {
    background: rgb(27, 26, 26);
    overflow-x: hidden;
    font-family: 'Cairo', sans-serif;
}

#img-logo {
    width: 16%
}

.dropdown-menu {
    position: relative !important;
}

.navbar:not(.dropdown-menu),
.bg-dark {
    background-color: rgb(27, 26, 26);
    background: rgb(27, 26, 26);
    border-color: transparent;
}

.nav>li {
    float: left;
}

.lang {
    font-size: 10px;
}

.carousel-item {
    height: 65vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*
  Animación de navbar basada en snippet de LittleSnippets.net
  https://codepen.io/littlesnippets/pen/pjmXvP
  */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
.hover {
    font-size: 85%;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 395;
}

.hover *:not(.not-hover) {
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hover li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0.5em;
    overflow: hidden;
}

.hover a {
    padding: 0.3em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0;
    text-decoration: none;
}

.hover a:before,
.hover a:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hover a:before {
    bottom: 100%;
    display: block;
    height: 3px;
    width: 90%;
    content: "";
    background-color: rgb(220, 46, 46);
}

.hover a:not(.not-hover):after {
    padding: 0.3em 0;
    position: absolute;
    bottom: 100%;
    left: 0.5em;
    content: attr(data-hover);
    color: white;
    white-space: nowrap;
}

.hover li:hover a:not(.not-hover),
.hover .current a:not(.not-hover) {
    transform: translateY(100%);
}

.page-footer * {
    background: rgb(32, 32, 32);
    color: white;
}

.font-small {
    font-size: 12px;
}

@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
#intro-texto * {
    color: white;
    font-size: 180%;
    font-family: "Consolas", "Courier New", "Courier";
    font-weight: 500;
    line-height: 1.40em;
}

#intro-texto {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}