/* About me */
.about-me-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important; 
    gap: 40px;
    width: 100%;
    background: #f1e8df !important;
}

.about-me-image {
    flex: 0 0 30%;;
    min-width: 250px;
    position: relative; 
    display: flex !important;
}

.about-me-image img {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    display: block !important;
}
svg.mili-signature {
    margin-right: 15px;
}
.about-me-content {
    flex: 1;
    padding: 60px 15px 60px 5px;
    max-width: 650px;
    margin: 0 auto;
}
span.about-me-brand {
    font-size: 14px;
}
.about-me-content h1 {
    font-size: var(--step-4) !important;
    margin-top: 15px;
}
.about-me-content h2{
     font-size: var(--step-2) !important;
}
.about-me-content h1, .about-me-content h2{
    line-height: 1.2em;
}
svg.mili-signature {
    float: right;
}
@media (max-width: 979px) {
    body.type-page main#content {
        padding: 0 !important;
    }
    body.in-pribeh-znacky-perlina article{
        background: #f1e8df !important;
    }     
    body.in-pribeh-znacky-perlina article header h1{
        display: none;
    } 
    .about-me-image {
         flex: 0 0 20%;
        min-width: 160px;
    }
}
@media (max-width: 768px) {
    .about-me-image {
        min-width: 60px;
    }
    body.type-page .content-wrapper-in {
        padding-left: 10px;
        padding-right: 10px;
    }
    body.in-pribeh-znacky-perlina .content-wrapper-in {
        padding: 0 !important;
    }
}  
@media (max-width: 560px) {
    .about-me-image {
        flex: 0 0 15%;
        min-width: 30px;
    }
}