header {
    background-color: #1B2533;
    color: #fff;
    text-align: center;
    position: relative;
    height: 75px;
}
.header__logo {
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 28px 38px 23px;
	margin: 0 20px;
}
.header__logo img {
    width: auto;
    height: 60px;
    max-height: 100%;
}
header .menu {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 75px;
}
header .menu .menu__item{
	display: flex;
	justify-content: normal;
	align-items: center;
	flex-direction: row;
	cursor: pointer;
	text-align: center;
	height: 100%;
	padding: 0 10px;
}
header .menu .menu__item .menu__item__link{
	display: flex;
	justify-content: normal;
	align-items: center;
	flex-direction: row;
	color: #fff !important;
	position: relative;
	text-transform: uppercase;
	font-weight: 700 !important;
	font-size: .8125rem;
	height: 100%;
	white-space: nowrap;	
	text-decoration:none;
}
#widget-panier {
    position: absolute;
    top: 25px;
    right: 45px;
}
.footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto) 100px auto 100px auto;
}
.footer::after {
    grid-area: 2/1/7/2;
    content: "";
    background-color: #1b2533;
    position: relative;
    z-index: -1;
}
.footer__content {
    grid-area: 4/1/5/2;
    position: relative;
    color: #fff;
}
.footer__content__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: clamp(60px, 8.125vw, 130px);
    grid-template-areas: "address social navigation";
    padding: 0 60px;
}
.footer__logo {
    display: none;
    height: 120px;
}
.footer__logo img {
    max-width: 100%;
    display: block;
    border-style: none;
}
.footer__content__address {
    grid-area: address;
    display: flex;
    justify-content: normal;
    align-items: normal;
    flex-direction: column;
    gap: 28px;
}
.footer__content__address__title {
    font-size: clamp(1.25rem, 1.5vw, 1.5rem);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.footer__content__address__street, .footer__content__address__city {
    font-size: clamp(0.875rem, 1.125vw, 1.125rem);
    line-height: 1.5;
}
.footer__content__social {
    grid-area: social;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.footer__content__social img {
    max-width: 100%;
    display: block;
    border-style: none;
    height: 120px;
    margin-bottom: 20px;
}






/******************* Responsive ************************/

@media screen and (max-width: 1000px) {
	header .menu .menu__item{
		display:none;
	}
	.footer {
		grid-template-rows: repeat(2, auto) 80px auto 50px auto;
	}
	.footer__content__wrapper {
		grid-template-columns: 1fr;
		grid-template-areas:
			"logo "
			"address "
			"social "
			"navigation ";
		grid-row-gap: 50px;
		padding: 0 30px;
	}
	.footer__logo.bp-mobile {
		grid-area: logo;
		display: block;
	}
	.footer__logo.bp-mobile img {
		width: 100%;
		height: 100%;
		margin: auto;
	}
	.footer__content__address, .footer__content__address__title {
		text-align: center;
	}
	.footer__content__social img {
		display: none;
	}
}


@media screen and (max-width: 650px) {
	.footer {
		grid-template-rows: repeat(2, auto) 80px auto 30px auto;
	}
}