.contacts {
    margin-bottom: 30px;
}

.contacts-widget-title,
:is(.core-styles) .contacts-widget-title {
    font-family: var(--font-display);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-2xl);
    color: var(--navy);
    line-height: 1.2;
    text-transform: lowercase;
}

.contacts-widget-subtitle,
:is(.core-styles) .contacts-widget-subtitle {
    display: block;
    font-family: var(--font-display-3);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-xl);
    color: var(--indigo);
    line-height: 1.2;
    text-transform: uppercase;
}

.contacts .title-line {
    display: block;
    width: 78px;
    height: 2px;
    margin: var(--space-2) 0 28px 0;
    background: var(--powder-blue);
}

.contacts .items {
    margin-top: var(--space-8);
}

.contacts .slide {
    display: block;
    margin-bottom: 30px;
}

.contacts .slide .img-cont img {
    width: 100%;
}

.contacts .slide-content {
    padding: var(--space-5);
    background: var(--almost-white);
}

.contact-slide-title,
:is(.core-styles) .contact-slide-title {
    font-family: var(--font-display);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-xl);
    line-height: 1.2;
    color: var(--navy);
    text-transform: none;
}

.contact-title,
:is(.core-styles) .contact-title {
    display: block;
    font-family: var(--font-body);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-lg);
    line-height: 1.2;
    color: var(--navy);
}

.contacts .slide-desc,
:is(.core-styles) .contacts .slide-desc {
    color: var(--navy);
}

.contacts .contact-info a {
    text-decoration: none !important;
    color: var(--navy) !important;
}

.contacts .contact-info p:last-child {
    margin-bottom: 0;
}

.contacts .linkedin {
    font-size: var(--text-2xl);
}

@media (min-width: 40em) {
    .contacts-widget-title,
    :is(.core-styles) .contacts-widget-title {
        font-size: var(--text-3xl);
    }

    .contacts-widget-subtitle,
    :is(.core-styles) .contacts-widget-subtitle,
    .contact-slide-title,
    :is(.core-styles) .contact-slide-title {
        font-size: var(--text-2xl);
    }

    .contacts .slide {
        display: flex;
    }

    .contacts .slide .img-cont {
        flex: 0 0 40%;
        max-width: 332px;
    }

    .contacts .slide .img-cont a,
    .contacts .slide .img-cont img {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .contacts .slide .img-cont img {
        object-fit: cover;
    }

    .contacts .slide .slide-content {
        flex-grow: 1;
        padding-left: 30px;
    }
}

@media (min-width: 64em) {
    .contacts {
        margin-bottom: 75px;
    }

    .contacts-widget-title,
    :is(.core-styles) .contacts-widget-title {
        font-size: var(--text-4xl);
    }

    .contacts-widget-subtitle,
    :is(.core-styles) .contacts-widget-subtitle,
    .contact-slide-title,
    :is(.core-styles) .contact-slide-title {
        font-size: var(--text-3xl);
    }

    .contacts .slide {
        margin-bottom: 46px;
    }

    .contacts .slide .slide-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .contact-title,
    :is(.core-styles) .contact-title {
        font-size: var(--text-xl);
    }

    .contacts .slide-desc,
    :is(.core-styles) .contacts .slide-desc,
    .contacts .slide p,
    :is(.core-styles) .contacts .slide p {
        font-size: var(--text-xl);
    }
}

@media (min-width: 90em) {
    .contacts-widget-title,
    :is(.core-styles) .contacts-widget-title {
        font-size: var(--text-6xl);
    }
    
    .contacts-widget-subtitle,
    :is(.core-styles) .contacts-widget-subtitle,
    .contact-slide-title,
    :is(.core-styles) .contact-slide-title {
        font-size: 2rem;
    }

    .contacts .slide .slide-content {
        padding: var(--space-5) var(--space-16);
    }

    .contact-slide-title,
    :is(.core-styles) .contact-slide-title {
        margin-bottom: 18px;
    }

    .contacts .slide-desc,
    :is(.core-styles) .contacts .slide-desc,
    .contacts .slide p,
    :is(.core-styles) .contacts .slide p {
        line-height: 1.333;
        margin-bottom: var(--space-5);
    }

    .contacts .slide .email-and-phone,
    :is(.core-styles) .contacts .slide .email-and-phone {
        margin-bottom: 10px;
    }

    .contacts .linkedin {
        font-size: var(--text-3xl);
    }
}