.contactA{
    width: 100%;
        min-width: 1440px;
        display: flex;
        justify-content: center;
    padding: 45px 20px 25px 20px;
}

.contactA>.container {
    width: 1440px;
  
}


.about-hero {
   display: flex;
   justify-content: center;
    height: fit-content;
}

.about-hero>.container {
    display: flex;
    flex-direction: column;
    
        align-items: center;
        gap: 10px;
        height: fit-content;
        padding: 10px;
}

.about-hero-img {
        border-radius: 100%;
            fill: #d9d9d9;
            width: 128px;
            height: 128px;
}

.about-hero-title {
    width: fit-content;
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 48px;
        text-align: center;
        color: #000;
}

.about-hero-subtitle {
    width: fit-content;
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 32px;
        text-align: center;
        color: #000;

}

.about-text-box {
    margin-top: 45px;          
    width: 100%;
    display: flex;
  
        justify-content: center;
}

.about-text-box>.container {
height: fit-content;
    display: flex;
    justify-content: center;
align-items: stretch;
    /* ДОДАТИ! */
}



.about-text-wrap {
    width: 60%;
}

.about-img-wrap {}


@media (max-width: 1440px) {

.contactA {
        width: 100%;
        min-width: unset;
 
    }

    .contactA>.container {
        width: 100%;

    }

.about-text-box>.container {
 padding: 0 20px;
 /* flex-direction: column; */

}

/* .about-text-wrap {
    width: 60%;
}

.about-img-wrap {} */

}


@media (max-width: 468px) {
.about-text-box>.container {
    
        flex-direction: column;

    }

    .about-text-wrap {
    width:100%;
   
}

.about-img-wrap {
    width: 100%;
height: 300px;}
}