// about section
.about {
    @include flex;
    align-items: center;
    text-align: left;

    &-img-holder {
        min-width: 400px;
        max-width: 400px;
        margin-right: 20px;

        .about-img {
            width: 100%;
            margin-bottom: 15px;
        }
    }

    &-caption {
        flex-grow: 1;
    }
}
@include media-breakpoint-down(sm) {
    .about {

        flex-direction: column;
        text-align: center;

        &-img-holder {
            max-width: 220px;
            min-width: 100%;
            width: 100%;
            margin: auto;
            margin-bottom: 20px;
        }
    }
}

/* sections */
.section {
    padding: 70px 10px;

    .section-title {
        font-size: calc(20px + (35 - 20) * ((100vw - 300px) / (1300 - 300)));   
    }

    .section-subtitle {
        margin-bottom: 6px;
        font-weight: 400;
        opacity: .6;
    }


    &-sm {
        padding: 40px 0 !important;
    }

    &-md {
        padding: 60px 0 !important;
    } 

    &-lg {
        padding: 100px 0 !important;
    } 
}