@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600&display=swap');

body{
  font-family: "Raleway", sans-serif;
}

#prenav{
  background-image: url(img/bg-pre-nav.jpg);
  background-size: cover;
  height: 7.5vh;
}

#navegacion{
  background-color: #b84342;
}

.navbar-brand{
    background-image: url("img/logo-el-ciervo.svg");
    background-size: cover;
    background-position: center;
    height: 210px;
    width: 159px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
  }

#contenido{
  background-image: url(img/bg-body.jpg);
  background-size: cover;
  background-position: top center;
  padding-top: 55vh;
  padding-bottom: 25vh;
}

h2{
  color: #961b21;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  font-size: 3.4em;
  font-weight: bolder;
}

#nosotros{
  background-color: #e6e6e6;
  padding: 20px;
  color: #961b21;
  text-align: center;
  border-radius: 20px;
}

#contacto{
  background-image: url(img/bg-footer.jpg);
  background-size: cover;
  background-position: top center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  color: white;
}

.br{
  border-right: 2px solid white;
}


.btn-carta{
  animation: attention 6s ease infinite;
}

@keyframes attention {
  9% {
    transform: none;
  }
  12% {
    transform: scale(1.05);
  }
  16% {
    transform: scale(0.95);
  }
  20% {
    transform: scale(1.03);
  }
  24% {
    transform: scale(1);
  }
}