@media (min-width: 768px) and (max-width:1000px) {


/******************************************/
/*******************Global*****************/
/******************************************/


.flexiResponsive{
    display: flex;
    flex-wrap: nowrap;
}

.flexiResponsive .flex1{
    flex-basis: 80%;
}

img{
    width: 100%;
}



/******************************************/
/*******************M1*********************/
/******************************************/

.M1{
height: 14.5vw;
}
/*Header Small*/

/* .headerSmall{
    height: 14%;
} */


/*Title*/
.title H1{
    font-size: 5vw;
}

.title a{
    margin-left:1vw;
}


/*Language*/
.language h2{
    font-size: 4vw;
    margin-right: -10vw; 
    padding-top: 0vw;
    
}

.language button{
    padding-top:13%;
    font-size: 2vw;
}

/*Header Small*/

.headerSmall .language H2 {
    padding-top: 2vw;
    margin-top:1vw;
}
.headerSmall .title  {
    padding-top: 2vw;
    margin-top:1vw;
}


/******************************************/
/*******************M2*********************/
/******************************************/

.M2{
    width: 100%;
    height: 31vw;
    margin-top: 14.5vw;
}


.M2 .flex1{
    display:none;
}

.M2 .flex2{
    flex-basis: 60%;
    margin-left:85px;
}


.textDesign{
    font-size: 3vw;
}


/******************************************/
/*******************M3*********************/
/******************************************/


.M3 .flex1{
    display:block;
    flex-basis: 49%;
    padding: 1.5px 3px;
}

.M3 .flex2{
    display:block;
    padding: 1.5px 3px;
    flex-basis:49%;
}

.M3{
    width: 100%;
    padding-top:6.9vw;
    padding-bottom: 6.9vw;
}




/******************************************/
/*******************M4*********************/
/******************************************/


.M4{
width: 100%;
display: flex;
flex-direction: row;
}

.textProfile p>br{
      display: none;
}

.brP{
    display: block;
    white-space: pre;
}

.M4 .flex1{
    flex-basis: 49%;
}

.M4 .flex2{
    flex-basis: 100%;
    margin-top:5%;
}

.M4 .contain{
    flex-direction: column-reverse;
}

.textProfile{
    
    font-size:4vw;
}

.textProfile p{
/* margin: 0 auto; */
font-size:1.5vw;
width: 70%;
}

.profileImg img {
    margin-bottom: 7.1vw;
    width: 49%;
    margin-left: 4%;
}

.textFooterLeft p {
    line-height: 45px;
}

/* .M4 .flexi{
    flex-direction: column-reverse;
} */

/******************************************/
/*******************M5*********************/
/******************************************/


.M5 {
    height: 100%;
}

.textFooterLeft{
    font-size: 2vw;
    margin-bottom: 0px;
}

.textFooterLeft p {
    margin-left: 1.3vw;
    /* margin-top: 5.3vw; */
    line-height: normal;
}

.textFooter{
    font-size: 2vw;  
 
    padding: 30px 0;
}
.textFooter p{
    margin-right: 1.3vw;
    margin-top: 19vw;
}

.top{
    position: relative;
}

.speak{
    font-size: 2em;
}
.interrogation{
font-size: 2em;
}

.M5 .flex1{
    flex-basis: 95%;
}

.M5 .flex2{
    flex-basis: 5%;
}

.icon{
    width: 3.5%;
}


}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.padre{margin-top:-9%;}
}