body{
	font-family: 'Exo 2', sans-serif;
	background-color: #000000;
}
.cabeza{
	background-image: url('../img/Fondo.jpg');
	background-color: #000000;
	background-size: cover;
}

.logo-ppal{
	margin-top: 100px;
}

.linea-logo{
    border: 1.5px solid white;
    margin-top: 30px;
    width: 60%;
}

.peso{
	font-weight: 700;
}

.border-right {
    border-right: 1px solid #000000!important;
}

.border-right a{
    color: black;
}

.fondo2{
	background-image: url('../img/fondo2.jpg');
	background-color: #000000;
	background-size: cover;
}

.numeros{
	background-image: url('../img/fondo3.jpg');
	background-color: #000000;
	background-size: cover;
}

.value{
    font-size: 55px;
    font-weight: 700;
}

.pie{
	background-color: #4B4B4D;
}

#irArriba {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px;
}

.btnwha h2{
  font-size: 60px;
}

.btnwha img{
   width: 60px;
   margin-top: -11px;
}

.btngratis strong{
  font-size: 36px;
}

@media (max-width: 575.98px) {
  .btnwha h2{
    font-size: 35px;
    text-align: center!important;
  }
  .btnwha img{
     width: 37px;
     margin-top: -11px;
  }
}

@media (max-width: 767.98px) {
  .btnwha h2{
    font-size: 35px;
    text-align: center!important;
  }
  .btnwha img{
     width: 37px;
     margin-top: -11px;
  }
}

@media (max-width: 991.98px) {
  .btngratis 
  .btnwha h2{
    font-size: 35px;
    text-align: center!important;
    margin-top: 14px;
  }
  .btnwha img{
     width: 37px;
     margin-top: -11px;
  }
  .btngratis small{
    font-size: 12px;
    line-height: 0.6;
  }  
  .btngratis strong{
    font-size: 26px;
  }  
}

@media (max-width: 1199.98px) {
  .btngratis 
  .btnwha h2{
    font-size: 35px;
    text-align: center!important;
    margin-top: 14px;
  }
  .btnwha img{
     width: 37px;
     margin-top: -11px;
  }
  .btngratis small{
    font-size: 12px;
    line-height: 0.6;
  }  
  .btngratis strong{
    font-size: 26px;
  }  
}

@keyframes spin {
  from{
    transform: rotateY(0deg);
    moz-transform: rotateY(0deg); //Firefox
    ms-transform: rotateY(0deg); //Microsoft Browsers
    content:url("../img/corazon2.svg");
  }
  to{
    transform: rotateY(360deg);
    moz-transform: rotateY(360deg); //Firefox
    ms-transform: rotateY(360deg); //Microsoft Browsers
    content:url("../img/corazon2.svg");
  }
}
@-webkit-keyframes spin{
  from{
    -webkit-transform: rotateY(0deg);
    content:url("../img/corazon2.svg");
  }
  to{-w
    ebkit-transform: rotateY(360deg);
    content:url("../img/corazon2.svg");
  }

}
.corazon:hover{
  content:url("../img/corazon2.svg");
  animation-name: spin;
  animation-timing-function: linear;
  animation-duration: 1s;
  -webkit-animation-name: spin;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 1s;
}

.flota{
  position:fixed;
  bottom:40vh;
  right:20px;
  z-index: 90;