/*
 * Sezione "Chi Siamo" della home: il testo descrittivo dello studio.
 *
 * Nasce spostando qui il testo che era finito dentro hero-description-area,
 * dove appesantiva l'introduzione. Riusa il pattern .sec-title della pagina;
 * qui sotto c'e' solo cio' che serve al blocco di testo a due colonne.
 *
 * Padding allineato a .service-area (70px), che e' la sezione immediatamente
 * successiva, per non spezzare il ritmo verticale.
 */

.studio-intro-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 70px 0 30px;
    z-index: 1;
}

.studio-intro-area .sec-title {
    padding-bottom: 35px;
}

.studio-intro-area__text p {
    margin-bottom: 22px;
}

.studio-intro-area__text p:last-child {
    margin-bottom: 0;
}

/* Sotto i 992px le due colonne si impilano: senza questo le due metà
   risultano incollate. */
@media (max-width: 991px) {
    .studio-intro-area {
        padding: 50px 0 20px;
    }

    .studio-intro-area__text > div:first-child p:last-child {
        margin-bottom: 22px;
    }
}