.HeroContent{ display: block; position: relative; z-index: 2; }
.HeroContent > .space{ display: block; }

.HeroContent > .space.white{ background: #fff; }
.HeroContent > .space.black{ background: #000; }

.HeroContent > .space .centered {
    align-items: center; box-sizing: border-box; display: flex; justify-content: space-between;
    margin: auto; max-width: 1540px; padding:0px 0px;
}
.HeroContent > .space.doble.sequence .centered{
    max-width: 1140px;
}

.HeroContent > .space .centered.totalCentered > div{ display:flex; align-items:center; justify-content:center; text-align: center; }
.HeroContent > .space .centered.short{ max-width: 1120px; }

.HeroContent > .space.doble > .centered > div{ width:50%; }
.HeroContent > .space.doble > .centered > .photo{ 
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px; 
    margin: 70px; 
    border-radius:7px; 
}

.HeroContent > .space.doble > .centered > .photo video{
    max-height: 480px;
}

.separating{
    display:block;
    height:100px;
    width: 100%;
}

.HeroContent > .space.doble > .centered > .paragraphs{ padding: 0px 10% 0px 10%; }
.HeroContent > .space.doble > .centered > .paragraphs ul{ margin:40px 0px 0px 0px; padding:0; list-style:none; }

.HeroContent > .space.doble:nth-child(even) > .centered > .photo{ margin: 40px 0px 40px 0px; }
.HeroContent > .space.doble:nth-child(odd) > .centered > .photo{ margin: 40px 0px 40px 0px; }
.HeroContent > .space.doble:nth-child(odd) >  .centered > .paragraphs{ padding: 0px 11% 0px 7%; }
.HeroContent > .space.doble:nth-child(even) > .centered > .paragraphs{ padding: 0px 7% 0px 11%; }

.HeroContent > .space.doble:last-child{ padding:30px 0px 90px 0px;  }
.HeroContent > .space.doble:first-child{ padding:90px 0px 30px 0px;  }

.HeroContent > .space.doble > .centered .learnMore{
    padding: 16px 25px; display: inline-block; border: solid 2px #000;
    margin-top: 25px; color: #000;
}

.HeroContent > .space.trible > .centered > div{ width:33.33%; height: 200px; margin: 40px 20px; border-radius:7px; }
.HeroContent > .space.quadruble > .centered > div{ width:25%; height: 200px; margin: 40px 20px; border-radius:7px; }

.HeroContent > .space.doble.small > .centered > div{ width:60%; }
.HeroContent > .space.doble.small > .centered > div { margin:40px 15px !important; }
.HeroContent > .space.doble.small > .centered > div:last-child{ opacity:0; width:20%; }
.HeroContent > .space.doble.small > .centered > div:first-child{ opacity:0; width:20%; }

.HeroContent > .space.doble.small.est > .centered > div{ width:25%; }

.HeroContent > .space.black .centered{ margin: 50px auto; padding: 70px 0px; color:#fff; }
.HeroContent > .space.black .centered .learnMore{ color: #fff !important; border: solid 2px #fff !important; padding: 13px 29px; display: inline-block; }
.HeroContent > .space .centered .learnMore{ color: #000 !important; border: solid 2px #000 !important; padding: 13px 29px; display: inline-block; }

.HeroContent > .space.banner{ margin: 0; display: flex; align-items: center; justify-content: center; margin:60px 0px 0px 0px; }
.HeroContent > .space.banner .centered{ text-align: center; padding: 80px 90px; border-radius: 7px; }
.HeroContent > .space.banner.left { display: block; background: #ccc; }
.HeroContent > .space.banner .centered.left { text-align: left; padding: 80px 0px; border-radius: 7px; max-width: 1380px; display: flex; }


@media (max-width:800px){

    .HeroContent > .space.trible > .centered > div,
    .HeroContent > .space.quadruble > .centered > div,
    .HeroContent > .space.doble.small > .centered > div,
    .HeroContent > .space.doble.small > .centered > div.est{
        width: 100% !important;
        height: auto;
        margin: 0px 0px;
        border-radius: 0px;
    }
    
    .HeroContent > .space.doble > .centered > div{ width: 100% !important; }
    .HeroContent > .space .centered { display: block !important; }

    .HeroContent > .space.doble.small > .centered > div { margin: 0px 0px !important; border-radius: 0px; }
    .HeroContent > .space.doble.small > .centered > div:first-child:not(:hidden),
    .HeroContent > .space.doble.small > .centered > div:last-child:not(:hidden){ display:none; }

    .HeroContent > .space .centered { margin: 0px auto !important; padding: 0 !important; text-align: center;}
    .HeroContent > .space.doble > .centered > .photo video {
        padding: 40px;
    }
    .HeroContent > .space.banner .centered.left {
        text-align: left;
        padding: 0px 0px !important;
        border-radius: 7px;
        max-width: 1380px;
        display: flex;
        margin-bottom: 0 !important;
    }

    .HeroContent > .space.doble:nth-child(odd) > .centered > .photo,
    .HeroContent > .space.doble:nth-child(even) > .centered > .photo { margin: 0px 0px 0px 0px; border-radius: 0px; }
    .HeroContent > .space.doble:first-child { padding: 0px 0px 0px 0px; }
    .HeroContent > .space.doble:nth-child(odd) > .centered > .paragraphs,
    .HeroContent > .space.doble:nth-child(even) > .centered > .paragraphs{ padding: 35px !important; }

    .HeroContent > .space .centered .photo > div,
    .HeroContent > .space .centered .photo > .paragraphs{ padding: 45px !important; }
    .HeroContent > .space .centered .photo:first-child > div{ padding-top:100px !important; }
    .HeroContent > .space .centered .photo:last-child > div{ padding-bottom:100px !important; }

    .HeroContent > .space.banner{ margin:0; }

}