@media (min-width: 320px) and (max-width:600px){


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


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

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

img{
    width: 100%;
    
}




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

.M1{
    height: 15vw;
    position:fixed;
    z-index: 1;
}

/*Header Small*/
/* .headerSmall{
    height: 14%;
    position:fixed;
    z-index: 1;
} */


/*Title*/

.title {
    margin-top: 2%;
}


.title H1{
    font-size: 9vw;
}

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


/*Language*/

.language button{
    font-size: 3vw;
    padding-top:7%;
}
.language h2{
    
    margin-right: -10vw; 
   
    margin-top: 3.3vw;
}


/*Header Small*/
/* .headerSmall .language{
    margin-top:0;
}

.headerSmall .language H2 {
       
    margin-top: 15.3vw;
}
.headerSmall .title  {
    margin-top:14%;
} */





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

.M2{
    height: 60vw;
    width: 100%;
    margin-top:15vw;
}


.M2 .flex1{
    display:none;
}

.M2 .flex2{
    flex-basis: 100%;
}


.textDesign{
    font-size: 5vw;
}


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


.M3 .flex1{
    display:block;
    flex-basis: 100%;
    padding:2 4px;
    padding-bottom: 0px;
}

.M3 .flex2{
    display:block;
    padding:2 4px;
    flex-basis:100%;
}

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




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


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

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


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

.M4 .flex2{
    flex-basis: 100%;
    /* padding-bottom:14.2vw; */
    padding-top: 14.2vw;
}


.brP{
    display:block;
    padding-bottom: 2em;
}

.textProfile{
    text-align: left;
    font-size:4vw;
}

.textProfile p{
margin: 0 auto;
font-size:4vw;
width: 97%;

}

.textProfile br { display: none; }
.profileImg img {
    margin-bottom: 14.2vw;
    margin-top:8.2vw;
    width: 100%;
}

.speak{
    font-size: 1.5em;
}

.speak a{
    text-decoration: none;
    color:#5B5C64;
}

.interrogation{
    font-size: 2em;
}
/******************************************/
/*******************M5*********************/
/******************************************/


.M5 {
    height: 100%;
}

.textFooterLeft{
    font-size: 5vw;
}

.textFooterLeft p {
    margin-left: 1.3vw;
   
    line-height: initial;
}

.textFooter{
    font-size: 3.5vw;
    text-align: left;
    /* margin-top: 0px; */
    padding: 0;
    padding-bottom: 30px;
    margin-top:auto;
    
}
.textFooter p{
        margin-right: 13.3vw;
    padding: 0 0 30px 0;

    }

/* .M5 .flexiResponsive{
    flex-wrap: wrap;
} */


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

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

.top{
    position:relative;
}


}