.contenedor
{
    padding: 50px;
    width: 80%;
}
.navside
{
    padding: 50px;
}
.paragraph
{
    max-width: 600px;
}
    
.contenidoImagenes
{
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 50px;
    position: relative;
}
.imagen
{
    margin: 20px; 
    float: left;
}
.pep0
{
    width: calc(60% - 40px);
}
.pep1
{
    width: calc(40% - 40px);
}

.pep2
{
    width: calc(35% - 40px);
}
.pep3
{
    width: calc(75% - 40px);
}

.panoramica
{
    width: calc(100% - 40px) !important;
}
.panoramica img
{
    width: 100% !important;
}

.imageContDual
{
    align-items: flex-end;
    display: flex;
    
}
.panoramicaDual
{
    display: table;
}

.filosofia
{
    max-width: 500px;
}
.celular{

font-size: 56px;
font-weight: bold;

}
.contentover {
 position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Arial, sans-serif;
  opacity: 0;
  pointer-events:none;
  
}
.contentover.is-opened
{
    opacity:1;
  pointer-events:auto;
    transition: transform 0.1s, opacity 0.1s;
    transition-delay: 0.3s;
}

.pregunta {
  font-size: 40px;
  font-weight: 500;
  transition: transform 0.1s, opacity 0.1s;
    transform: translateY(100%);
    transition-timing-function: ease-out;
    transition-delay: 0.8s;
    opacity: 0;
    color:#fff;
}

.pregunta.is-opened
{
        transform: translateY(0%);
        opacity: 1;
    }
.logopolenta{
margin:10px;
}
.cruz
{
    font-size: 40px;
    color: #fff;
    position: absolute;
  top: 40px;
  right: 40px;
  display: block;
  cursor: pointer;
}
.icon1
{
    display: inline-block;
    padding: 10px 20px;
    border: #fff 2px solid;
    margin: 10px;
    color: #fff;
    font-weight: 500;
     transition: transform 0.3s, opacity 0.3s;
    transform: translateY(100%);
    transition-timing-function: ease-out;
    transition-delay: 1s;
    opacity: 0;
   cursor: pointer;
}

.icon1:nth-of-type(1) {
    transition-delay: 0.8s;
}
.icon1:nth-of-type(2) {
    transition-delay: .9s;
}
.icon1:nth-of-type(3) {
    transition-delay: 1s;
}
.icon1.is-opened
{
         transform: translateY(0%);
        opacity: 1;
}
.iconCont
{
    margin-top: 40px;
}





#portraitAdvise
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    top: 0;
    left: 0;
    z-index: 100000000000000000000000000000000000;
    padding: 2em;
    text-align: center;
}

.portrait #portraitAdvise
{
    display: block !important;
}

.iconAdvise
{
    width: 120px;
    margin:0 auto;
}

.somospolentaadvise
{
    margin-bottom: 3em;
}

.advicetext
{
    position: relative;
    top:10%;
    text-align: center;
    font-size: 1.2em;
    color: #000;
    line-height: 135%;
}


@media screen and (max-width: 1599px) and (min-width: 1200px)
{
}



@media only screen and (max-width : 1199px) and (min-width: 1040px){


}



@media screen and (max-width: 1039px) and (min-width: 800px)
{
}

@media screen and (max-width: 799px)
{   
 .navside
{
    display: none;
}

.contenedor {
    margin-right: 0px;
    width: 100%;
}

@media screen and (max-width: 680px) 

    {

}

@media screen and (max-width: 400px)
{
.imagen 
{
    width: calc(100% - 20px) !important;
    margin: 10px;
}

.imageContDual
{
    display: block;
    }
    .contenedor
{
    padding: 20px;
    width: 100%;
}
}



@media only screen and (max-width : 380px) {


}


@media (hover:none), (hover:on-demand) {
}