.header{

    border-top: 4px solid var(--color) ;
    box-sizing: border-box;
    background-color:#FFFFFF;
    box-shadow: 0px 1px 3px #c0bebe;
    height: 127px;
}

.img_logo{
    width:45%;
    transform: translateY(-9%);
}

.header_text{
    margin-top: 3%;
    transform: translate(-17%);
    line-height: 1.3

}
.shop_name{
    font-size:26px;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
     color:  #262626;

}

.shop_description{
    font-size:15px;
    font-family: 'Open Sans', sans-serif;
    color:  #413d3d;
    font-weight: bold;


    }

    .shop_address{
         font-size:13px;
        font-family: 'Open Sans', sans-serif;
         color:  #5c5b5b;

        }


@media screen and (min-width: 240px) and (max-width: 319px)   {


.header{
    height: 73px;
}


.img_logo{
    width: 100%;
    transform: translate(-15%,-9%);
}

.header_text{
    margin-top: 10%;
    transform: translate(-6%);
    line-height: 0.9

}
.shop_name{
    font-size:14px;

}

.shop_description{
    font-size:11px;



    }

    .shop_address{
         font-size:10px;


        }
    }


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


        .header{
            height: 80px;
        }


        .img_logo{
            width: 100%;
            transform: translate(-15%,-9%);
        }

        .header_text{
            margin-top: 10%;
            transform: translate(-6%);
            line-height: 1

        }
        .shop_name{
            font-size:16px;

        }

        .shop_description{
            font-size:12px;



            }

            .shop_address{
                 font-size:11px;


                }
            }


            @media screen and (min-width: 371px) and (max-width: 424px)   {


                .header{
                    height: 90px;
                }


                .img_logo{
                    width: 100%;
                    transform: translate(-15%,-9%);
                }

                .header_text{
                    margin-top: 10%;
                    transform: translate(-6%);
                    line-height: 1

                }
                .shop_name{
                    font-size:16px;

                }

                .shop_description{
                    font-size:12px;



                    }

                    .shop_address{
                         font-size:11px;


                        }
                    }



            @media screen and (min-width: 425px) and (max-width: 470px)   {


                .header{
                    height: 100px;
                }


                .img_logo{
                    width: 100%;
                    transform: translate(-15%,-9%);
                }

                .header_text{
                    margin-top: 15%;
                    transform: translate(-6%);
                    line-height: 1

                }
                .shop_name{
                    font-size:17px;

                }

                .shop_description{
                    font-size:13px;



                    }

                    .shop_address{
                         font-size:12px;


                        }
                    }

                    @media screen and (min-width: 471px) and (max-width: 530px)   {


                        .header{
                            height: 110px;
                        }


                        .img_logo{
                            width: 100%;
                            transform: translate(-15%,-9%);
                        }

                        .header_text{
                            margin-top: 15%;
                            transform: translate(-6%);
                            line-height: 1

                        }
                        .shop_name{
                            font-size:17px;

                        }

                        .shop_description{
                            font-size:13px;



                            }

                            .shop_address{
                                 font-size:12px;


                                }
                            }


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


                                .header{
                                    height: 120px;
                                }


                                .img_logo{
                                    width: 90%;
                                    transform: translate(-15%,-9%);
                                }

                                .header_text{
                                    margin-top: 15%;
                                    transform: translate(-10%);
                                    line-height: 1

                                }
                                .shop_name{
                                    font-size:18px;

                                }

                                .shop_description{
                                    font-size:14px;



                                    }

                                    .shop_address{
                                         font-size:13px;


                                        }
                                    }


                                    @media screen and (min-width: 601px) and (max-width: 640px)   {


                                        .header{
                                            height: 130px;
                                        }


                                        .img_logo{
                                            width: 87%;
                                            transform: translate(-15%,-9%);
                                        }

                                        .header_text{
                                            margin-top: 12%;
                                            transform: translate(-12%);
                                            line-height: 1.2

                                        }
                                        .shop_name{
                                            font-size:20px;

                                        }

                                        .shop_description{
                                            font-size:14px;



                                            }

                                            .shop_address{
                                                 font-size:13px;


                                                }
                                            }

                                            @media screen and (min-width: 641px) and (max-width: 700px)   {


                                                .header{
                                                    height: 128px;
                                                }


                                                .img_logo{
                                                    width: 85%;
                                                    transform: translate(-15%,-9%);
                                                }

                                                .header_text{
                                                    margin-top: 13%;
                                                    transform: translate(-14%);
                                                    line-height: 1.2

                                                }
                                                .shop_name{
                                                    font-size:22px;

                                                }

                                                .shop_description{
                                                    font-size:16px;



                                                    }

                                                    .shop_address{
                                                         font-size:14px;


                                                        }
                                                    }


                                                    @media screen and (min-width: 701px) and (max-width: 767px)   {


                                                        .header{
                                                            height: 140px;
                                                        }


                                                        .img_logo{
                                                            width: 85%;
                                                            transform: translate(-15%,-9%);
                                                        }

                                                        .header_text{
                                                            margin-top: 13%;
                                                            transform: translate(-14%);
                                                            line-height: 1.2

                                                        }
                                                        .shop_name{
                                                            font-size:22px;

                                                        }

                                                        .shop_description{
                                                            font-size:16px;



                                                            }

                                                            .shop_address{
                                                                 font-size:14px;


                                                                }
                                                            }


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


                                                                .header{
                                                                    height: 130px;
                                                                }


                                                                .img_logo{
                                                                    width: 100%;
                                                                    transform: translate(-15%,-9%);
                                                                }

                                                                .header_text{
                                                                    margin-top: 10%;
                                                                    transform: translate(-5%);
                                                                    line-height: 1.2

                                                                }
                                                                .shop_name{
                                                                    font-size:22px;

                                                                }

                                                                .shop_description{
                                                                    font-size:16px;



                                                                    }

                                                                    .shop_address{
                                                                         font-size:14px;


                                                                        }
                                                                    }



                                                                    @media screen and (min-width: 831px) and (max-width:900px)   {


                                                                        .header{
                                                                            height: 135px;
                                                                        }


                                                                        .img_logo{
                                                                            width: 95%;
                                                                            transform: translate(-15%,-9%);
                                                                        }

                                                                        .header_text{
                                                                            margin-top: 10%;
                                                                            transform: translate(-5%);
                                                                            line-height: 1.2

                                                                        }
                                                                        .shop_name{
                                                                            font-size:22px;

                                                                        }

                                                                        .shop_description{
                                                                            font-size:16px;



                                                                            }

                                                                            .shop_address{
                                                                                 font-size:14px;


                                                                                }
                                                                            }



                                                                            @media screen and (min-width: 901px) and (max-width:1024px)   {


                                                                                .header{
                                                                                    height: 135px;
                                                                                }


                                                                                .img_logo{
                                                                                    width: 80%;
                                                                                    transform: translate(-15%,-9%);
                                                                                }

                                                                                .header_text{
                                                                                    margin-top: 8%;
                                                                                    transform: translate(-5%);
                                                                                    line-height: 1.2

                                                                                }
                                                                                .shop_name{
                                                                                    font-size:22px;

                                                                                }

                                                                                .shop_description{
                                                                                    font-size:16px;



                                                                                    }

                                                                                    .shop_address{
                                                                                         font-size:14px;


                                                                                        }
                                                                                    }


                                                                                    @media screen and (min-width: 1390px) and (max-width:2000px)   {


                                                                                        .header{
                                                                                            height: 210px;
                                                                                        }


                                                                                        .shop_name{
                                                                                            font-size:36px;

                                                                                        }

                                                                                        .shop_description{
                                                                                            font-size:26px;



                                                                                            }

                                                                                            .shop_address{
                                                                                                 font-size:24px;




                                                                                                                                                                                    }