/* Estilos globales */
* {
  box-sizing: border-box;
  font-family: 'Source Serif Pro', serif;
  font-weight: 300;
}

h1 {
  font-family: 'Bebas Neue', cursive;
  font-size: 4rem;
}

/* Estilos al Navbar */
.navbar {
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
  border: 1px transparent;
}
.navbar .btn-menu {
  font-size: 2rem;
  border: none;
  background-color: transparent;
}

.navbar .hero-logo {
  width: 2rem;
  margin-bottom: 0px;
}

.navbar ul li a:active {
  background-color: #ececec;
}

/* Estilos al Header */
header {
  padding-top: 60px;
}

header img {
  height: 100%;
}

header .btn {
  width: 7rem;
}

/* Estilos para el grid */
.row {
  margin-bottom: 150px;
}

/* Estilos de los Cards */
main .card {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

/* Media Queries */
@media (min-width: 1024px) {
  .navbar ul li:hover {
    border-bottom:solid 1px #ff0000;
  }

  .navbar ul li:active a {
    border-bottom:none;
  }

  main .card:hover {
    transform: scale(1.2);
    transition: all 1s;
  }
}