@charset "utf-8";

@font-face
{
 font-family: 'Athelas';
 src:url('/assets/fonts/Athelas.ttc');
}

@font-face
{
 font-family: 'D-DIN';
 src:url('/assets/fonts/D-DIN.otf');
}

@font-face
{
 font-family: 'D-DIN-Italic';
 src:url('/assets/fonts/D-DIN-Italic.otf');
}

@font-face
{
 font-family: 'EMprint-Bold';
 src:url('/assets/fonts/EMprint-Bold.ttf');
}

@font-face
{
 font-family: 'MyriadPro-Regular';
 src:url('/assets/fonts/MyriadPro-Regular.otf');
}

@font-face
{
 font-family: 'Westpart-Demo';
 src:url('/assets/fonts/Westpart-Demo.otf');
}

*{
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

html{font-size: 16px;}

body
{
 box-sizing: border-box;
 height: auto;
 margin: 0;
 overflow-x: hidden;
 padding: 0;
 width: auto;
}

.animation-i{
 animation: insane 0.3s ease-in-out;
}

.animation-n{
 animation: insane 0.4s ease-in-out;
}

.animation-s{
 animation: insane 0.5s ease-in-out;
}

.animation-a{
 animation: insane 0.6s ease-in-out;
}

.animation-n-2{
 animation: insane 0.7s ease-in-out;
}

.animation-e{
 animation: insane 0.8s ease-in-out;
}

.animation-helmes{
 animation: helmes 0.5s linear;
}

.animation-este-no-es{
 animation: fadeIn 1s linear;
}

.animation-un-casco{
 animation: fadeIn 2.5s linear;
}

.animation-un-cualquiera{
 animation: fadeIn 3.5s linear;
}

.article-1
{
 bottom: 15.5%;
 position: absolute;
 right: 10.5%;
}

.btn-menu
{
 align-items: center;
 background-color: transparent;
 border-radius: .25rem;
 border: 0;
 color: #FFFFFF;
 cursor: pointer; 
 display: flex;
 flex-direction: row;
 font-weight: 400;
 justify-content: center;
 line-height: 1.5;
 margin: 0;
 padding: 0;
 text-align: center;
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 user-select: none;
 vertical-align: middle;
 white-space: nowrap;
}

.btn-participa
{
 background-color:#FF0000;
 border-color: #FF0000;
 border-radius: .5rem;
 border: 1px solid transparent;
 color: #FFFFFF;
 cursor: pointer;
 display: inline-block;
 font-weight: 400;
 line-height: 1.5;
 margin: .5rem 0 0 .2rem;
 padding: .25rem 1rem;
 text-align: center;
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 user-select: none;
 vertical-align: middle;
 white-space: nowrap;
 z-index: 1000;
}

.btn-participa:hover
{
 background-color:#FFFFFF;
 border-color: #FFFFFF;
 color: #FF0000;
}

.carousel
{
 height: 100vh;
 width: 100%;
 padding: 0;
 margin: 0;
 position: relative;
}

.carousel-item{
 height: 100vh;
}

.carousel-item img
{
 display: block;
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
}

.carousel-item-aguila
{
 background-image: url('/assets/img/360/aguila/principal.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100vh;
 margin: 0;
 padding: 0;
}

.carousel-item-tigre
{
 background-image: url('/assets/img/360/tigre/principal.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100vh;
 margin: 0;
 padding: 0;
}

.carousel-item-blanco
{
 background-image: url('/assets/img/360/blanco/principal.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100vh;
 margin: 0;
 padding: 0;
}

.carousel-item-calavera
{
 background-image: url('/assets/img/360/calavera/principal.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100vh;
 margin: 0;
 padding: 0;
}

.carouselcascos-indicators
{
 display: flex;
 flex-direction: column;
 height: 100%;
 justify-content: center;
 right: 0;
 margin: 0 2.5% 0 0;
 position: absolute;
 z-index: 15;
}

.carouselcascos-indicators picture{
 cursor: pointer;
}

.container-figure
{
 -ms-flex-align: start;
 -ms-flex-direction: row;
 -ms-flex-pack: end;
 -webkit-box-align: start;
 -webkit-box-direction: normal;
 -webkit-box-orient: horizontal;
 -webkit-box-pack: end;
 align-items: flex-start;
 bottom: 10%;
 display: -ms-flexbox;
 display: -webkit-box;
 display: flex; 
 flex-direction: row; 
 justify-content: flex-end; 
 margin: 0;
 padding: 0;
 position: absolute;
 right: 7%;
}

.container-figure .arrow-360
{
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 width: 1%;
 margin: 0 1rem 0 1rem;
}

.container-figure .arrow-360 img
{
 max-width: 100%;
 height: auto !important;
}

.container-figure .btn-360
{
 margin-left: 1rem;
 margin-right: 1rem;
 overflow: visible;
 width: 20% !important;
}

.container-nav
{
 align-items: center;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 left: 0;
 margin: 0;
 padding: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 1;
}

.container-nav .insane
{
 margin-left: 3%;
 margin-top: 1.5%;
 width: 8%;
}

.container-nav .menu
{
 align-items: center;
 display: flex;
 flex-direction: row;
 padding: 0;
 width: 8%;
}

.container-range
{
 align-items: center;
 bottom: 10%; 
 display: flex;
 flex-direction: row;
 justify-content: center;
 left: 0;
 margin: 0 auto 0 auto !important;
 position: absolute;
 right: 0;
}

.container-range .btn-close
{
 bottom: 7.5%;
 height: auto;
 left: 26%;
 max-width: 100%;
 width: 4%;
}

.container-range input[type=range] 
{
 -webkit-appearance: none;
 background-color: #FF0000;
 height: 1px;
 margin: 2%;
 width: 40%;
}

.container-range input[type=range]:focus{
 outline: none;
}

.container-range input[type=range]::-webkit-slider-runnable-track 
{
 background: transparent;
 border-radius: 10px;
 border: 0px solid #FF0000;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D;
 height: auto;
 width: 100%;
}

.container-range input[type=range]::-webkit-slider-thumb
{
 -webkit-appearance: none;
 background-color: #000000;
 border-radius: 100%;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D;
 border: 2px solid #FF0000;
 cursor: pointer;
 height: 20px;
 width: 20px;
}

.container-range input[type=range]::-moz-range-track 
{
 background: transparent;
 border-radius: 10px;
 border: 0px solid #FF0000;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D; 
 height: auto;
 width: 100%;
}

.container-range input[type=range]::-moz-range-thumb 
{
 background-color: #000000;
 border-radius: 100%;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D; 
 border: 2px solid #FF0000;
 cursor: pointer;
 height: 20px;
 width: 20px;
}

.container-range input[type=range]::-ms-track 
{
 background: transparent;
 border-radius: 10px;
 border: 0px solid #FF0000;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D;  
 height: auto;
 width: 100%;
}

.container-range input[type=range]::-ms-thumb 
{
 background-color: #000000;
 border-radius: 100%;
 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0D0D0D; 
 border: 2px solid #FF0000;
 cursor: pointer;
 height: 20px;
 width: 20px;
}

.dropdown-item
{
 color: #FFFFFF !important;
 opacity: .7 !important;
 padding: 0 10% 0 0 !important;
}

.dropdown-item:hover
{
 color: #FF0000 !important;
 background-color: transparent !important;
}

.dropdown-menu{
 background-color: transparent !important;
}

.dropdown-toggle::after{
 display:none;
}

.img-iniciativa
{
 bottom: 3%;
 height: auto;
 left: 0;
 margin: 0 auto 0 auto;
 max-width: 100%;
 position: absolute;
 right: 0;
 width: 10%;
}

.mouse
{
 bottom: 18%;
 left: 0;
 margin: 0 auto 0 auto;
 opacity: .4;
 position: fixed;
 right: 0;
 width: 2%;
}

.no-space
{
 display: none !important;
 height: 0 !important; 
 visibility: hidden !important; 
 width: 0 !important; 
}

.section-body
{
 background-attachment: fixed; 
 background-color: #FFFFFF;
 background-image: url('/assets/img/funds/fondo1.jpg');
 background-position: center;  
 background-repeat: no-repeat;
 background-size: 100% 100%;
 color: #FFFFFF; 
 font-family: 'D-DIN', 'arial', 'helvetica';
 height: auto;
 margin: 0;
 padding: 0;
 width: 100% !important;
}

.section-estadisticas
{
 align-items: center;
 background-color: #FFFFFF;
 background-position: center;  
 background-repeat: no-repeat;
 background-size: cover;
 display: flex;
 flex-direction: column;
 font-family: 'D-DIN', 'arial', 'helvetica';
 justify-content: center;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100% !important;
}

.section-estadisticas img
{
 max-width: 100%;
 height: auto;
}

.section-estadisticas picture
{
 text-align: center;
 width: 100%;
 z-index: 1;
}

.section-estadisticas .estadisticas
{
 top: 0;
 left: 0;
 padding: 5% 0 0 1%;
}

.section-estadisticas .normas-app
{
 align-items: center;
 bottom: 0;
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 left: 0;
 margin: 0;
 padding: 0;
 position: relative;
 right: 0;
}

.section-estadisticas .normas-web
{
 align-items: center;
 bottom: 0;
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
}

.section-estadisticas .title
{
 -ms-flex-align: start;
 -ms-flex-direction: row;
 -ms-flex-pack: center;
 -webkit-box-align: start;
 -webkit-box-direction: normal;
 -webkit-box-orient: horizontal;
 -webkit-box-pack: center;
 align-items: flex-start;
 color: #136BA4;
 display: -ms-flexbox;
 display: -webkit-box;
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin: 2% 0 15% 0;
 text-align: center;
}

.section-inicio
{
 align-items: center;
 display: flex;
 flex-direction: column;
 height: 100vh;
 justify-content: center;
 margin: 0;
 padding: 0;
 width: 100% !important;
 z-index: -1;
}

.section-inicio figure
{
 display: flex;
 flex-direction: row;
 margin: 0 auto;
 padding: 0;
 width: 25%;
}

.section-inicio img
{
 height: auto;
 max-width: 100%;
}

.section-inicio .helmets
{
 left: 39.7%;
 margin: 0 auto 0 auto; 
 padding: 0; 
 position: absolute; 
 top: 51.3%; 
 width: 21.5%;
}

.section-main
{
 margin: 0;
 padding: 0;
 width: 100%;
}

.section-participa
{
 align-items: center;
 background-color: #FFFFFF;
 background-image: url('/assets/img/funds/fondo12.jpg');
 background-position: center;  
 background-repeat: no-repeat;
 background-size: cover;
 display: flex;
 flex-direction: column;
 font-family: 'D-DIN', 'arial', 'helvetica';
 justify-content: center;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100% !important;
}

.section-participa .helmet
{
 height: auto;
 max-width: 100%;
}

.section-participa .iniciativa
{
 align-items: center;
 bottom: 0;
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 left: 0;
 margin: 0 0 2% 0;
 padding: 0;
 right: 0;
}

.section-participa .iniciativa .bar
{
 height: auto;
 max-width: 100%;
 visibility: hidden;
 width: 60%;
}

.section-participa .iniciativa .super
{
 height: auto;
 max-width: 100%;
}

.section-participa .logo
{
 left: 0;
 padding: 5% 0 0 5%;
 text-align: center;
 top: 0;
}

.section-participa .logo img
{
 max-width: 100%;
 height: auto;
}

.section-participa .phrase
{
 bottom: 5%;
 text-align: center;
 z-index: 1000;
}

.section-phrase
{
 align-items: center;
 background-attachment: fixed;
 background-color: #0000000;
 background-image: url('/assets/img/funds/fondo14.jpg');
 background-position: center;  
 background-repeat: no-repeat;
 background-size: contain;  
 border: #FFFFFF 1px;
 display: flex;
 flex-direction: column;
 height: 100vh;
 justify-content: center;
 margin: 0;
 opacity: 0;
 padding: 0;
 width: 100% !important;
}

.section-slide-1
{
 align-items: center; 
 background-color: #FFFFFF;
 background-image: url('/assets/img/funds/fondo13.jpg');
 background-position: center;  
 background-repeat: no-repeat;
 background-size: cover;
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100% !important;
}

.section-video
{
 align-items: center; 
 background-attachment: fixed;
 background-color: #0000000;
 background-image: url('/assets/img/funds/fondo15.jpg');
 background-position: center;  
 background-repeat: no-repeat;
 background-size: contain;
 display: flex;
 flex-direction: column;
 height: 100vh;
 justify-content: center;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100% !important;
}

.text-athelas-italic{font-family: 'Athelas'; font-style: italic;}
.text-dashed{border-bottom: thin dashed;}
.text-din-italic{font-family: 'D-DIN-Italic'; font-style: italic;}

.text-font-2
{
 line-height: 40px; 
 text-shadow: 1px 1px 1px #FFFFFF;
}

.text-font-3{
 text-shadow: 1px 1px 1px #FFFFFF;
}

.w-2{width: 2% !important;}
.w-10{width: 10% !important;}
.w-18{width: 18% !important;}
.w-20{width: 20% !important;}
.w-30{width: 30% !important;}
.w-35{width: 35% !important;}
.w-40{width: 40% !important;}
.w-45{width: 45% !important;}
.w-55{width: 55% !important;}
.w-60{width: 60% !important;}
.w-80{width: 80% !important;}
.w-90{width: 90% !important;}

#div-flotant-1
{
 color: #FFFFFF;
 font-family: 'D-DIN';
 top: 20%;
 padding: 0;
 text-align: center;
 width: 100%;
 position: absolute;
}

/*Inicio Estilos 360*/
.casco360
{
 -webkit-transform: translate(-50%, -50%);
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
}

.info1
{
 position: absolute;
 top: 0%;
 left: 84%;
 height: auto !important;
}

.info2
{
 position: absolute;
 bottom: 8%;
 left: 96%;
 height: auto !important;
}

.popUp360
{
 background-color: #000000;
 background-size: cover;
 display: none;
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 100000;
}

.text-dashed
{
 border-bottom: #FFFFFF 1px dashed;
 display: table;
 letter-spacing: .15rem;
 line-height: 1.1;
}

#logo{
 opacity: 0;
}

#preloadImage{
 display:none;
}

#pop1360{
 background-image: url('/assets/img/funds/fondo3.jpg');
}

#pop2360{
 background-image: url('/assets/img/funds/fondo6.jpg');
}

#pop3360{
 background-image: url('/assets/img/funds/fondo8.jpg');
}

#pop4360{
 background-image: url('/assets/img/funds/fondo10.jpg');
}
/*FIn Estilos 360*/

@keyframes fadeIn 
{
 from{
  opacity: 0;
 }

 to{
  opacity: 1;
 }
}

@keyframes helmes 
{
 from
 {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  width: 45%;
 }

 50%
 {
  opacity: 1;
  width: 20%;
 }
}

@keyframes insane 
{
 from{
  opacity: 0;
  transform: scale3d(.3, .3, .3);
 }

 50%{
  opacity: 1;
 }
}

@media(min-width:1px) and (max-width:360px)
{
 h1{font-size: 2rem;}
 h2{font-size: 1.5rem;}
 h3{font-size: 1.17rem;}
 h4{font-size: 1rem;}
 h5{font-size: .73rem;}
 h6{font-size: .57rem;}
 html{font-size: 1rem;}
 .container-nav .menu{margin: 0 6% 0 0;} 
 .img-indicator{width: 50%;}
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo12.jpg'); 
  height: auto;
 }
 .section-estadisticas .estadisticas
 {
  background-image: url('/assets/img/funds/fondo17.png');
  background-position: top;
  background-size: 100% 100%;
  padding: 5% 0 0 0;
  position: relative;
  text-align: center;
 }
 .section-estadisticas .estadisticas img{width: 50%;}
 .section-estadisticas .normas-app img{width: 55%;}
 .section-estadisticas picture img{width: 80%;}
 .section-participa .helmet{width: 80%;}   
 .section-participa .iniciativa .bar{display: none;} 
 .section-participa .iniciativa .super{width: 45%;}  
 .section-participa .iniciativa{position: relative;} 
 .section-participa .logo img{width: 50%;}
 .section-participa .logo{position: relative;}
 .section-participa .phrase{position: relative;}  
 .section-participa{height: auto;}
 .text-font-1{font-size: 0.7rem;}
 .text-font-2{font-size: 0.3rem;}
}

@media(min-width:361px) and (max-width:575px)
{
 h1{font-size: 2rem;}
 h2{font-size: 1.5rem;}
 h3{font-size: 1.17rem;}
 h4{font-size: 1rem;}
 h5{font-size: .73rem;}
 h6{font-size: .57rem;}
 html{font-size: 1rem;}
 .container-nav .menu{margin: 0 6% 0 0;}  
 .img-indicator{width: 55%;}
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo12.jpg');
  height: auto;
 }
 .section-estadisticas .estadisticas
 {
  background-image: url('/assets/img/funds/fondo17.png');
  background-position: top;
  background-size: 100% 100%;
  padding: 5% 0 5% 0;
  position: relative;
  text-align: center;
 }
 .section-estadisticas .estadisticas img{width: 55%;}
 .section-estadisticas .normas-app img{width: 57%;}  
 .section-estadisticas picture img{width: 82%;} 
 .section-participa .helmet{width: 82%;}   
 .section-participa .iniciativa .bar{display: none;}
 .section-participa .iniciativa .super{width: 50%;}  
 .section-participa .iniciativa{position: relative;}  
 .section-participa .logo img{width: 55%;}
 .section-participa .logo{position: relative;}
 .section-participa .phrase{position: relative;}   
 .section-participa{height: auto;}
 .text-font-1{font-size: 0.8rem;}
 .text-font-2{font-size: 0.3rem;}
} 

@media(min-width:576px) and (max-width:767px) 
{
 h1{font-size: 2.1rem;}
 h2{font-size: 1.6rem;}
 h3{font-size: 1.27rem;}
 h4{font-size: 1.1rem;}
 h5{font-size: .83rem;}
 h6{font-size: .67rem;}
 html{font-size: 1.1rem;}
 .container-nav .menu{margin: 0 6% 0 0;}  
 .img-indicator{width: 60%;}
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo12.jpg'); 
  height: auto;
 }
 .section-estadisticas .estadisticas
 {
  background-image: url('/assets/img/funds/fondo17.png');
  background-position: top;
  background-size: 100% 100%;
  padding: 5% 0 0 0;
  position: relative;
  text-align: center;
 }
 .section-estadisticas .estadisticas img{width: 60%;}
 .section-estadisticas .normas-app img{width: 59%;} 
 .section-estadisticas picture img{width: 85%;}
 .section-participa .helmet{width: 85%;} 
 .section-participa .iniciativa .bar{display: none;}
 .section-participa .iniciativa .super{width: 55%;}
 .section-participa .iniciativa{position: relative;}
 .section-participa .logo img{width: 60%;}
 .section-participa .logo{position: relative;}
 .section-participa .phrase{position: relative;}      
 .section-participa{height: auto;}
 .text-font-1{font-size: 0.9rem;}
 .text-font-2{font-size: 0.3rem;}
}

@media(min-width:768px) and (max-width:991px)
{
 h1{font-size: 2.2rem;}
 h2{font-size: 1.7rem;}
 h3{font-size: 1.37rem;}
 h4{font-size: 1.2rem;}
 h5{font-size: .93rem;}
 h6{font-size: .67rem;}
 html{font-size: 1.2rem;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;}
 .img-indicator{width: 65%;}
 .ml-7{margin-left: 6rem !important;} 
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}
 .section-estadisticas picture img{width: 36%;}
 .section-estadisticas picture{margin-top: -10%;} 
 .section-participa .helmet{width: 36%;}   
 .section-participa .iniciativa .bar{display: flex;}
 .section-participa .iniciativa .super{width: 18%;}    
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}  
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.5rem;}
 .text-font-2{font-size: 0.35rem;}
}

@media(min-width:992px) and (max-width:1199px)
{
 h1{font-size: 2.3rem;}
 h2{font-size: 1.8rem;}
 h3{font-size: 1.47rem;}
 h4{font-size: 1.3rem;}
 h5{font-size: 1.03rem;}
 h6{font-size: .77rem;}
 html{font-size: 1.3rem;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 70%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 37%;}
 .section-estadisticas picture{margin-top: -10%;}  
 .section-participa .helmet{width: 37%;}    
 .section-participa .iniciativa .bar{display: flex;}
 .section-participa .iniciativa .super{width: 18%;}   
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}     
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.6rem;}
 .text-font-2{font-size: 0.35rem;}
}

@media(min-width:1200px) and (max-width:1439px)
{
 h1{font-size: 2.4rem;}
 h2{font-size: 1.9rem;}
 h3{font-size: 1.57rem;}
 h4{font-size: 1.4rem;}
 h5{font-size: 1.13rem;}
 h6{font-size: .77rem;}
 html{font-size: 1.4em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 80%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 38%;}  
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 38%;}      
 .section-participa .iniciativa .bar{display: flex;}
 .section-participa .iniciativa .super{width: 18%;}     
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}        
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.6rem;}
 .text-font-2{font-size: 0.35rem;}
}

@media(min-width:1440px) and (max-width:1679px)
{
 h1{font-size: 2.5rem;}
 h2{font-size: 2rem;}
 h3{font-size: 1.67rem;}
 h4{font-size: 1.5rem;}
 h5{font-size: 1.23rem;}
 h6{font-size: .87rem;}
 html{font-size: 1.5em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 80%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 39%;}  
 .section-estadisticas picture{margin-top: -10%;} 
 .section-participa .helmet{width: 39%;}     
 .section-participa .iniciativa .bar{display: flex;}
 .section-participa .iniciativa .super{width: 18%;}     
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;} 
 .section-participa .phrase{position: absolute;}       
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.7rem;}
 .text-font-2{font-size: 0.4rem;}
}

@media(min-width:1680px) and (max-width:2159px)
{
 h1{font-size: 2.6rem;}
 h2{font-size: 2.1rem;}
 h3{font-size: 1.77rem;}
 h4{font-size: 1.6rem;}
 h5{font-size: 1.33rem;}
 h6{font-size: .87rem;}
 html{font-size: 1.6em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 90%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 40%;} 
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 40%;}      
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}    
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}  
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.7rem;}
 .text-font-2{font-size: 0.4rem;}
}

@media(min-width:2260px) and (max-width:2739px)
{
 h1{font-size: 2.7rem;}
 h2{font-size: 2.2rem;}
 h3{font-size: 1.87rem;}
 h4{font-size: 1.7rem;}
 h5{font-size: 1.43rem;}
 h6{font-size: .97rem;}
 html{font-size: 1.7em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 90%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 42%;}  
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 42%;}      
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}  
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}        
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.8rem;}
 .text-font-2{font-size: 0.45rem;}
}

@media(min-width:2740px) and (max-width:3219px)
{
 h1{font-size: 2.8rem;}
 h2{font-size: 2.3rem;}
 h3{font-size: 1.97rem;}
 h4{font-size: 1.8rem;}
 h5{font-size: 1.53rem;}
 h6{font-size: .97rem;}
 html{font-size: 1.8em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 95%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 44%;}   
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 44%;}
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}  
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}        
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.8rem;}
 .text-font-2{font-size: 0.45rem;}
}

@media(min-width:3220px) and (max-width:3699px)
{
 h1{font-size: 2.9rem;}
 h2{font-size: 2.4rem;}
 h3{font-size: 2.7rem;}
 h4{font-size: 1.9rem;}
 h5{font-size: 1.63rem;}
 h6{font-size: 1.07rem;}
 html{font-size: 1.9em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 100%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 46%;}   
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 46%;}
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}  
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;}       
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.9rem;}
 .text-font-2{font-size: 0.5rem;}
}

@media(min-width:3700px) and (max-width:4179px)
{
 h1{font-size: 3rem;}
 h2{font-size: 2.5rem;}
 h3{font-size: 2.17rem;}
 h4{font-size: 2rem;}
 h5{font-size: 1.73rem;}
 h6{font-size: 1.07rem;}
 html{font-size: 2em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 100%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 48%;}   
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 48%;}
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}  
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;} 
 .section-participa .phrase{position: absolute;}    
 .section-participa{height: 100vh;}
 .text-font-1{font-size: 0.9rem;}
 .text-font-2{font-size: 0.5rem;}
}

@media(min-width:4180px)
{
 h1{font-size: 3.1rem;}
 h2{font-size: 2.6rem;}
 h3{font-size: 2.27rem;}
 h4{font-size: 2.1rem;}
 h5{font-size: 1.83rem;}
 h6{font-size: 1.17rem;}
 html{font-size: 2.1em;}
 .container-figure{width: 50%;}  
 .container-nav .menu{margin: 0 0.5% 0 0;} 
 .img-indicator{width: 100%;}
 .ml-7{margin-left: 6rem !important;}  
 .section-estadisticas
 {
  background-image: url('/assets/img/funds/fondo11.jpg'); 
  height: 100vh;
 }
 .section-estadisticas .estadisticas{ position: absolute;}  
 .section-estadisticas picture img{width: 50%;}  
 .section-estadisticas picture{margin-top: -10%;}
 .section-participa .helmet{width: 50%;}    
 .section-participa .iniciativa .bar{display: flex;} 
 .section-participa .iniciativa .super{width: 18%;}   
 .section-participa .iniciativa{position: absolute;}
 .section-participa .logo{position: absolute;}
 .section-participa .phrase{position: absolute;} 
 .section-participa{height: 100vh;} 
 .text-font-1{font-size: 1rem;}
 .text-font-2{font-size: 0.55rem;}
}