.blocContact {
position: relative;
width: calc(100% - 320px);
margin: 100px 0;
padding: 130px 160px;
gap: 40px 105px;
align-items: stretch;
background-color: var(--green);
}
.blocContact h1 {
position: absolute;
z-index: 2;
top: -30px;
left: -30px;
margin: 0;
text-transform: none;
}
.blocContact__col {
width: 50%;
color: var(--white);
align-items: flex-start;
}
.blocContact__col__map {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.blocContact__col__map img {
width: 100%;
height: 100%;
max-width: 541px;
object-fit: contain;
}
.blocContact__col .button {
font-size: var(--fontSizeA);
font-weight: 700;
margin-bottom: 10px;
}
.blocContact__col__fax {
font-size: var(--fontSizeP);
font-weight: 700;
}
.blocContact__col__fax .button {
margin-left: 20px;
}
.blocContact .whiteBG-text {
position: absolute;
z-index: 2;
bottom: -30px;
right: -50px;
width: 554px;
}
.blocContact .whiteBG-text p {
margin: 0;
}
.blocContact .whiteBG-text b,
.blocContact .whiteBG-text strong {
color: var(--green);
}
.leaflet-popup-content {
width: 150px!important;
}
@media (max-width: 1280px) {
.blocContact {
flex-direction: column;
width: calc(100% - 160px);
padding: 80px;
align-items: flex-start;
}
.blocContact__col {
width: 100%;
}
.blocContact__col__map {
justify-content: flex-start;
}
.blocContact .whiteBG-text {
width: 60%;
}
}
@media (max-width: 600px) {
.blocContact {
flex-direction: column;
width: calc(100% - 40px);
padding: 60px 20px;
margin: 40px 0 100px 0;
}
.blocContact h1 {
left: -10px;
}
.blocContact .whiteBG-text {
bottom: unset;
width: calc(100% - 100px);
top: calc(100% - 30px);
left: 10px;
}
}