@media screen and (max-width: 414px) {
    /*414 x 732 PX*/
.main-container{
        display: grid;
        grid-template-columns: repeat(1,1fr); 
        place-items: center;
        padding-left:10px;
        padding-left:10px;
        row-gap:5px;
       grid-template-areas:
       "first"
       "navDiv"
       "formDiv"
       "infoContact"
       "footer";
       
          }
#header1{
    grid-area: first;
    background:#8ebf42;
    height:15%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.square{
    width:40px;
    height:40px;
    margin-top: 10px;
    margin-left: 5px;
    position: relative;
    background: black;
}
.line{
    position :absolute;
    height:2px;
    width: 100%;
    background-color:#fff;
    border-radius: 1px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.35s;
}
.top{
    top:5%;
}
.middle{
    top:40%;
}
.bottom{
    top:78%;
}
.icon.close .top{
 transform: rotate(45deg);  
 top:48%;
}
.icon.close .middle{
  transform: rotate(-45deg);  
  top:48%;
}
.icon.close .bottom{
  transform: rotate(-45deg);  
  top:48%;
}
#defTitel{
    display:none;
}
#contactStripe{
    display:none;
}
#navPara{
    display:none;
}
.header2{
    display:none;
}
#navUl{
    grid-area:navDiv;
    background:#02145a;;
   
}
#navUl ul{  
     list-style-type: none;
     text-align: left;
     padding-left:15px;
      background-color:#f0b71a;
     
    
}
#navUl ul li{  
    padding: 5px ; 
  border-bottom: 1px solid #ddd;    
      
}
#navUl ul li a{
    text-decoration: none;
     color: white;
}
#midpanel21{
     grid-area:formDiv;
     background:#e1e4e5;
     margin-top:20px;
}
#anglais{
     color:black;
}
#name3{
  
}
#email3{
  
}
#contactText{
    width: 95%;
}
#midpanel22{
   grid-area: infoContact; 
    background:#8ebf42;
    color:white;
   
}
#formButton{
    background-color:#000066; 
    color: white;
    width: 100px;
    height: 40px;
    border-radius: 25px;
    
}
#imEmail{
     width:100px; 
     height:100px;
}
#midPanel{
    display : none;
}
#name3{width:150px;}
#phone3{width:150px;}
#email3{width:150px;}
#subject3{width:150px;}
#mytext3{width:300px;}

#sendRequest{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
footer{
    grid-area:footer;
    background-color: black;
   color:white;
   text-align:center;
}
}