.menu{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.navbar-toggler{
  color: white;
}


.fixed-top-custom {
    position: fixed;
    top: 0;
    z-index: 1030;
}

.navbar {
    transition: all 0.4s;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;

}


.navbar .nav-link {
    color: #fff;
    font-size: 16px;
    transition: all 0.7s ease;
    padding: 5px 25px!important;
}

#contacto .navbar .nav-link {
    color: #2B50AA;transition: all 0.7s ease;}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #9AC4F8;
    text-decoration: none;
    transition: all 0.7s ease;
}


#contacto .navbar .nav-link:hover{
  transition: all 0.7s ease;
  color: #9AC4F8;
}

.navbar .navbar-brand {
    color: #fff;
}


.logo-menu{
    width: 100px;
}

#menu{
  justify-content: center;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #285CAA;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
}


.navbar.active .navbar-toggler{
  color: #fff;
  background: transparent;
}

.navbar.active .nav-link{
  color: #fff!important;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
  color: #000F32;
  text-decoration: none;
  transition: all 0.7s ease;
}

.navbar.active .navbar-brand {
    color: #555;
}

.navbar-toggler:focus {
    box-shadow: none;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {



}


/* sm */ @media (max-width: 767px) {


.navbar.active{
  width: 100%;
}


.navbar {
  width: 100%;
      background: #285CAA;
      padding-left: 10px;
      padding-right: 10px;
  }


  #contacto .navbar .nav-link {
      color: #fff;
      transition: all 0.7s ease;
    }

  #contacto .navbar .nav-link:hover{
    text-decoration: none;
    color: #9AC4F8!important;
  }

  .navbar-nav{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #logo-content{
  width: 100%;
  }

  #contact-int{
    display: inherit!important;
  }

  #btn-contact{
    display: none;
  }

}