@import url(http://fonts.googleapis.com/css?family=Raleway);
body{
    
    background-color:#fff;

}

a{
    
    color:#000 !important;
    
}
.nav-item {
    font-family: Century Gothic;
    margin: 0 auto;
    padding: 0em 0em;
    text-align: center;
}
.nav-item a {
    color: #000;
    text-decoration: none;
    font: 20px Century Gothic;
    margin: 0px 10px;
    padding: 5px 10px;
    position: relative;
    z-index: 0;
}


/* Top & Bottom Borders Out */
.topBotomBordersOut a:before, .topBotomBordersOut a:after {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #000;
    content:"";
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.topBotomBordersOut a:before {
    top: 0px;
    transform: translateY(10px);
}
.topBotomBordersOut a:after {
    bottom: 0px;
    transform: translateY(-10px);
}
.topBotomBordersOut a:hover:before, .topBotomBordersOut a:hover:after {
    opacity: 1;
    transform: translateY(0px);
}

.demoPadder {
    padding-top:15px;
    }
    .btn-default {
  color: #555759;
  background-color: #fff;
  border-color: #000;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #fff;
  background-color: #555759;
  border-color: #000;
    }

    .container-narrow {
        max-width: 100%; /* Establece el ancho máximo del container al 90% del ancho de la ventana */
        padding-left: .5em; /* Ajusta el espacio izquierdo a 5px o el valor que desees */
        padding-right: .4em; /* Ajusta el espacio derecho a 5px o el valor que desees */
    }