/*Barra de navegacion*/

.navbar {
  padding: 1rem;
  background-color: darkgray ;
  color: white;
}

.navbar-collapse{
  align-items: center;
  justify-content: space-between;
}

/*Estilos generales*/

section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

}

h1 {
  font-size: 2.0rem;
  font-family: 'Alexandria', sans-serif;

}



/*Seccion Hero "principal"*/

.hero{
  background-color: #f5f6f7;
  min-height: 450px;
  text-align: center;

}

.hero-principal {
  padding: 1rem;

}

.hero-imagen-principal {
  width: 900px;
  height: 300px;
  /*border-radius: 50% ;*/
  margin: 20px;

}

.hero-principal h2 {
  font-size: 1.5rem;
  color:#615151; 
}

/*Para ocultar el icono cuando el dispositovo tiene x dimension 
Adaptable responsivo*/
@media screen and (max-width: 767px) {
  .navbar-brand {
    display: none;
  }
}