.contact__info h2 {
    font-family: 'PlayfairDisplay-Medium', serif;
    font-weight: 500;
    font-style: normal;
}

.contact__details i {
    background: #ffffff;
    color: #626060;
    border-radius: 50%;
    padding: 6px;
    font-size: 20px;
    transform: translate(-12%, 12%);
    margin-left: -33px;
}

.contact__details {
    margin-top: 92px;
    padding-left: 15px;
}

.contact__info h2 {
    font-size: 2rem;
    max-width: 80%;
    color: #000;
}

.mail a {
    text-decoration: none;
}

.contact__details .additional {
    position: relative;
}

.contact__details .additional .icon-container {
    position: absolute;
    left: -35px;
    top: -13px;
}

.contact__details .faq__btn {
    display: inline-block;
}

.icon-container {
    display: inline-block;
    transform: translate(-12%, 33%);
    background-color: white;
    border-radius: 50%;
}

.contact__details p.opening-hours__item, .contact__details p.additional__item, .contact__details p.store-address__item {
    margin-bottom: 0 !important;;
}

.contact__details .opening-hours__item, .contact__details .additional, .contact__details .faq, .contact__details .store-address-block {
    margin-left: 35px;
}

.contact__details .store-address-block {
    margin-bottom: 20px;
}

.contact__details .faq, .additional {
    margin-top: 20px;
}

.phone.detail-item {
    background-color: #000;
    height: 0.5px;
    width: 130px;
    margin-left: -15px;
}

.icon-container img {
    width: 30px;
    height: 20px;
    padding: 0 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

@media only screen and (max-width: 1023px) {
    .contact__banner {
        padding: 0 20px;
    }

    .icon-container {
        margin-left: 0;
        background-color: var(--janzen-merino);
    }
}

@media (max-width: 767px) {
    .contact__info {
        margin-left: -10px;
    }
}

@media only screen and (min-width: 1024px) {
    .contact__info .background {
        background: var(--janzen-merino);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .contact__info .background {
        width: 28%;
        height: 51%;
    }
}

@media only screen and (min-width: 1200px) {
    .contact__info .background {
        width: 24%;
        height: 45%;
    }
}