:root {
  --amarillo: #f9d500;
  --blanco: #ffffff;
  --gris: #535f75;
  --naranja: #f7aa00;
  --negro: #1a1a1a;
}

@font-face {
  font-family: Poppins-Regular;
  src: url('fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: Poppins-Medium;
  src: url('fonts/Poppins-Medium.ttf');
}

a {
  text-decoration: none;
}
body,h1,h2,h3,h4,h5,h6,p {
  color: var(--gris);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
}

h2 {
  color: var(--gris);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: 115%;
}

.btn-jumbotron {
  color: var(--blanco);
  background-color: var(--naranja);
  border-radius: 6px;
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  margin: 16px 32px;
}

.btn-formulario {
  color: var(--blanco);
  background-color: var(--naranja);
  border-radius: 6px;
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
}

.logo {
  max-height: 6vw;
  min-height: 3vw;
}

.menu {
  color: var(--naranja);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.4vw;
}

.menu:hover {
  color: var(--blanco);
  background-color: var(--naranja);
  border-radius: 6px;
}

.naranja {color:var(--naranja);}

.jumbotron {
  color: var(--gris);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 3.5vw;
  line-height: 115%;
  padding-left: 32px;
  margin-top: 90px;
}

.jumbotron-1 {
  color: var(--gris);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 3.5vw;
  line-height: 115%;
}

.jumbotron-2 {
  color: var(--blanco);
  font-family: "Poppins-Medium", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 3.5vw;
  line-height: 115%;
  margin-top: 90px;
}