/* .body{
    display: flex;
    flex: column;
} */
.Header{
    display: inline-flex;
   align-items: center; 
    width: 100%; 
    
    
    
    
    
}
.head{
    display:inline-flex;
    flex: column;
    position: relative;
    align-items: center;
    width: 100%;
    height: 100%;
   padding-bottom: 40px;
   align-items: start;
   width: 100%;
  font-size: 25px;
}
.open{
    display: flex !important;
}
  
.menu-list{
    display: flex;
    flex: column;
   margin-top: 50px;
    justify-content: end;
    width: 100%;
   
    
}

.head li{
    
   padding: 20px;
    list-style: none;
    display: flex;
   
  
   
    
}

/* .head{
    
    padding-top: 20px;
    font-size: 25px;
    
} */
 .burger{
    display: none;
    position: relative;
    z-index: 50;
    align-items: center;
    justify-content: flex-end;
    align-items: center;
    width: 30px;
    height: 18px;
    margin-bottom: 15px;
   
    
   
 }
 .burger span {
    height: 2px;
    width: 80%;
    transform: scale(1);
    justify-content: end;
   background-color: brown;
 }
 .logo img{width: 150px;

object-fit: cover;}
.burger::before,.burger::after{
    content: '';
    position: absolute;
    height: 2px;
        width: 100%;
        background-color: brown;
       transition: all 0,3s ease 0s;
}
       .burger::before{
        top: 0;
       }
           .burger::after {
               bottom: 0;
           }
 .burger.active span{transform: scale(0);}   
 .burger.active::before{
    top:50%;
    transform: rotate(-45deg)translate(0,50%);
 } 
 .burger.active::after {
    bottom: 50%;
        transform: rotate(45deg)translate(0, 50%);
 }
 @media (max-width:800px) {
    .burger{display: flex;
        justify-content: flex-end;
    }
    .head{
        display: none;
        flex-direction: column;
        position: fixed;
        height: 100%;
        width: 100%;
        top :0;right: 0;bottom: 0;left: 0;
        z-index: 50;
        overflow-y: auto;
        padding: 50px 40px;
        background-color: black;
        /* animation: burgerAnimation 0,4s; */
    }
         .head ul {
            flex-direction: column;
            row-gap: 30px;
         }
 }
/* main content */
 
.row {
    display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
}
.figura1{
     position: relative; 
        padding: 0px 0px 80% 0px;
}

.figura1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
 .figura1_big {
    grid-column: span 2;
    grid-row: span 2;

}
.End_part{
    
    max-width: 1fr;
    height: 400px;
    margin: 20px;
  
    background-color: brown;
} */
.end_wraper{
    display: grid;
    grid-template-columns: ifr 1fr ;
    grid-template-rows: 1fr 1fr ;
    grid-template-areas:"info info"
                        "social subscription"
    ; 
}
.Name_shop{
    text-align: center;
}
.Link_social{
    width: 40px;
    height: 40px;
}
.Info_company{
    grid-area:info ;

}
.Social_info{
    grid-area: social;
    justify-items: center;

}
.subscription_company{
    grid-area: subscription;
    justify-items: center;

}