@charset "UTF-8";
/* CSS Document */
@media (max-width: 1920px) {
  .hero {
    left: 5%;
  }
  .mLogo {
    top: 30px;
  }
  .mItem {
    top: 70px;
  }
  .logoScroll {
    max-width: 1920px;
  }
}
@media (max-width: 1600px) {
  .hero {
    left: 5%;
  }
  .hero_donate_button {
    margin-right: 0;
    left: -80px;
  }
  .mItem {
    top: 65px;
  }
  .logoScroll {
    max-width: 1280px;
  }
}
@media (max-width: 1440px) {
  .hero_donate {
    width: 80%;
  }
  .hero_donate_button {
    width: 20%;
    margin-right: 0;
    left: -120px;
  }
  .mItem {
    top: 62px;
  }
  .logoScroll {
    max-width: 1120px;
  }
}
@media (max-width: 1366px) {
  .hero_donate_button {
    left: -40px;
  }
  .bottom p {
    font-size: 75%;
  }
  .cityCell img {
    max-width: 395px;
  }
  .mItem {
    top: 60px;
  }
  .logoScroll {
    max-width: 1114px;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {}
@media (max-width: 1280px) {
  .hero_donate_button {
    left: -40px;
  }
  .cityCell img {
    max-width: 372px;
  }
  .logoScroll {
    max-width: 920px;
  }
}
@media (max-width: 1112px) {
  .hero_donate_button {
    left: -40px;
  }
  .cityCell img {
    max-width: 320px;
  }
  .mLogo {
    top: 20px;
  }
  .mItem {
    top: 50px;
  }
  .logoScroll {
    max-width: 860px;
  }
}
@media (min-width: 1025px) and (max-width: 1111px) {}
@media (max-width: 1024px) {
  .hero_donate {
    width: 70%;
  }
  .hero_donate_button {
    width: 30%;
    margin-right: 0;
    left: -20px;
  }
  .cityCell img {
    max-width: 300px;
  }
  .logoScroll {
    max-width: 820px;
  }
  .w16 {
    width: 25% !important;
    float: right;
  }
}
@media (max-width: 960px) {
  .cityCell img {
    max-width: 280px;
  }
  .logoScroll {
    max-width: 780px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {}
/*iPad Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/*END iPad Horizontal*/
/*iPad Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/*END iPad Vertical*/
/*iPhone PLUS Landscape*/
@media (max-width: 768px) {
  .logoScroll {
    max-width: 640px;
  }
}
@media (max-width: 736px) {
  .hero {
    top: 20%;
    left: 5%;
  }
  .hero_donate_button {
    left: -140px;
    top: 380px;
  }
  .cell2 {
    min-height: 60px;
  }
  .cityCell {
    width: 50%;
  }
  .cityCell img {
    max-width: 330px;
  }
  .m33 {
    margin-left: 0 !important;
  }
  .mItem {
    top: 32px;
  }
  .logoScroll {
    max-width: 680px;
  }
}
@media (max-width:576px) {
  .mobLogo {
    position: fixed;
    z-index: 999999;
    left: 5%;
    top: 3%;
    display: block;
  }
  .mobLogo img {
    max-width: 175px;
  }
  .w50 {
    width: 100%;
  }
  .w33 {
    width: 100%;
  }
  .w25 {
    width: 100%;
  }
  .w20 {
    width: 50%;
  }
  .w12 {
    width: calc(100%/8);
    margin-bottom: 10%;
  }
  .menu {
    display: none;
  }
  .botmenu {
    position: fixed;
    right: 12px;
    top: 12px;
    display: block;
  }
  .topLogo img {
    max-width: 220px;
    margin: auto;
    display: block;
    margin-bottom: 48px;
    margin-top: 80px;
  }
  .hero {
    top: 20%;
    left: 5%;
  }
  .hero_donate_button {
    left: -140px;
    top: 380px;
  }
  .hero_donate_button a {
    width: 230px;
    height: 230px;
    line-height: 230px;
  }
  .hero_donate_button a:hover {
    width: 230px;
    height: 230px;
    line-height: 230px;
  }
  .video-container h2 {
    font-size: 130%;
    letter-spacing: 0.5px;
    line-height: 155%;
  }
  .mission {
    background-position: center;
  }
  .mission h2 {
    font-size: 200%
  }
  .mission h3 {
    font-size: 180%
  }
  .mission h4 {
    font-size: 130%
  }
  .content h4 {
    font-weight: 400 !important;
  }
  .mission h5 {
    font-size: 100%
  }
  .hide {
    display: none;
  }
  .statA {
    width: 15% !important;
  }
  .statB {
    width: 85% !important;
  }
  .statA h2 {
    font-size: 220% !important;
  }
  .stat01, .stat02, .stat03 {
    background-position-x: 2%;
  }
  .slideContent {
    top: 50%;
    left: 0;
  }
  .slideContent h2 {
    font-size: 180%;
  }
  .slideContent h3 {
    font-size: 120%;
  }
  .slideContent h4 a {
    font-size: 100%;
  }
  .cell {
    min-height: 60px;
  }
  .inner p {
    margin-bottom: 10%;
  }
  .inner ul {
    margin-bottom: 10%;
  }
  .fila p, .fila2 p {
    margin-bottom: 2%;
  }
  .innerTop {
    padding-top: 420px;
  }
  .cityCell {
    width: 100%;
  }
  .cityCell img {
    max-width: 405px;
  }
  .logoScroll {
    max-width: 400px;
  }
  .social {
    text-align: center;
  }
  .ig a, .fb a, .yt a, .pn a {
    margin: auto !important;
  }
  header h1 {
    font-size: 32px;
  }
  header img {
    max-width: 125px;
  }
  .content h2 {
    font-size: 24px !important;
  }
  .content h3 {
    font-size: 20px;
    font-weight: 560 !important;
    height: auto;
  }
  .w16 {
    width: calc(100% / 3) !important;
    float: right;
  }
  .video-container {
    min-height: 560px;
    height: auto !important;
  }
  .video-container video {
    object-fit: contain;
    top: 200px;
    height: auto;
  }
  .video-overlay {
    position: relative;
    top: 446px;
  }
  .homage {
    left: calc(100% - 118px);
    width: 118px;
    filter: drop-shadow(1px 1.5px 3px rgba(0, 0, 0, 0.25));
    display: block;
  }
}
/*iPhone PLUS Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/
@media (max-width : 414px) {
  .hero {
    top: 20%;
    left: 2.5%;
  }
  .hero_donate_button {
    left: -100px;
    top: 320px;
  }
  .hero_donate_button a {
    width: 190px;
    height: 190px;
    line-height: 190px;
  }
  .hero_donate_button a:hover {
    width: 190px;
    height: 190px;
    line-height: 190px;
  }
  .video-container h2 {
    font-size: 120%;
    letter-spacing: 0.5px;
    line-height: 125%;
    margin-bottom: 3%;
  }
  .video-container h3 {
    font-size: 100%;
    line-height: 110%;
    margin-bottom: 3%;
  }
  .mission h2, .mission h3 {
    font-size: 180%;
  }
  .mission h4 {
    font-size: 120%;
  }
  .mission h5 {
    font-size: 110%;
  }
  .statA h2 {
    font-size: 260% !important;
  }
  .tabla {
    margin: 0;
  }
  .cell, .cell2 {
    width: 100%;
    word-break: break;
    padding: 1%;
    min-height: 24px;
  }
  .fila {
    margin-bottom: 12px;
    border: solid 2px #FF920B;
    display: block;
    min-height: 176px;
  }
  .fila2 {
    margin-bottom: 12px;
    border: solid 2px #09A900;
    display: block;
    min-height: 163px;
  }
  .smlImg h3 {
    font-size: 18px !important;
  }
  .smlImg img {
    max-width: 48px !important;
  }
  .logoScroll {
    max-width: 340px;
  }
  .content h2 {
    font-size: 150%;
  }
  .w16 {
    width: calc(100% / 1) !important;
    float: right;
  }
  h1 {
    font-size: 180%
  }
  .tagLine {
    max-width: 365px;
  }
  .tagLine p {
    font-size: 60%;
  }
  .tagLine img {
    top: -24px;
  }
  hr {
    margin-bottom: 4%;
  }
  .video-container video {
    top: 328px;
  }
  .video-container {
    min-height: 583px;
    height: auto !important;
  }
  .noShow {
    display: none;
  }
  .show{
    height: 90px;
  }
  .video-overlay{
    top:496px;
  }
  .sFix{
    min-width: 260px !important;
  }
  .homage{
        top: 328px;
  }
}
@media (max-width: 375px) {
  .hero {
    top: 17.55%;
    left: 0;
  }
  .hero_donate {
    width: 100%;
  }
  .hero_donate_button {
    left: 0;
    top: 0;
  }
  .logoScroll {
    max-width: 300px;
  }
  .video-container video {
    top: 290px;
  }
  h1 {
    font-size: 120%;
  }
  .homage{
        top: 313px;
  }
}
@media (max-width: 320px) {
  .logoScroll {
    max-width: 220px;
  }
  .partners h2 {
    font-size: 180%;
  }
  .simply-scroll .simply-scroll-list li {
    width: 80px;
  }
  h1 {
    font-size: 120%;
  }
  .video-container video {
    top: 290px;
  }
  .tagLine p, .tagLine img {
    float: none !important;
  }
  .tagLine img {
    top: 0;
  }
  .homage{
        top: 310px;
  }
}