/* =========================================
   WRAPPER
========================================= */

.danni-wrapper {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

/* =========================================
   INTRO
========================================= */

.danni-intro {
    max-width: 720px;
    margin: 0 auto 38px auto;
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #2d2d2d;
}

    .danni-intro p {
        margin-bottom: 16px;
    }

/* =========================================
   SEZIONI TESTO
========================================= */

.danni-sezione {
    max-width: 720px;
    margin: 0 auto 45px auto;
}

    .danni-sezione h2 {
        margin: 0 0 18px 0;
        font-size: 30px;
        font-family: Georgia, serif;
        color: #17384b;
    }

    .danni-sezione p {
        font-size: 15px;
        line-height: 1.6;
        text-align: justify;
        margin-bottom: 14px;
        color: #2f2f2f;
    }


/* =========================================
   FOTO
========================================= */

.foto-crollo {
    text-align: center;
    margin: 60px 0;
}

    .foto-crollo img {
        width: 540px;
        max-width: 100%;
        display: inline-block;
    }

/* =========================================
   VITTIME
========================================= */

.vittime-box {
    max-width: 720px;
    margin: 65px auto;
    text-align: center;
}

    .vittime-box h3 {
        margin-bottom: 20px;
        font-size: 28px;
        color: #17384b;
        font-family: Georgia, serif;
    }

    .vittime-box ul {
        margin: 0;
        padding-left: 20px;
        text-align: left;
        display: inline-block;
    }

    .vittime-box li {
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 1.5;
        color: #333;
    }


/* =========================================
   NEXT
========================================= */

.timeline-next {
    text-align: center;
    margin-top: 55px;
}

.next-button {
    display: inline-block;
    background: #163d63;
    color: #f3e6bf;
    text-decoration: none;
    padding: 10px 22px;
    font-size: 15px;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.18);
    transition: all 0.25s ease;
}

    .next-button:hover {
        background: #0a2238;
        color: #ffffff;
        transform: translateY(-2px);
    }

/* =========================================
   SCHEMI TECNICI
========================================= */

.danni-doppio {
    width: 100%;
    max-width: 920px;
    margin: 50px auto;
}

    /* primo schema */

    .danni-doppio a:first-child {
        display: block;
        text-align: left;
        margin-bottom: 8px;
    }

        .danni-doppio a:first-child img {
            width: 630px;
        }

    /* secondo schema */

    .danni-doppio a:last-child {
        display: block;
        text-align: right;
    }

        .danni-doppio a:last-child img {
            width: 360px;
        }

    /* immagini */

    .danni-doppio img {
        max-width: 100%;
        background: transparent;
        border: 1px solid #d3c8b0;
        box-shadow: 0 4px 14px rgba(0,0,0,0.18);
        display: inline-block;
        transition: transform 0.25s ease;
    }

        .danni-doppio img:hover {
            transform: scale(1.02);
        }
/* =========================================
   DIGRESSIONE RN TRIESTE
========================================= */

.digressione-grid {
    width: 100%;
    max-width: 920px;
    margin: 50px auto;
}

    /* prima diapositiva */

    .digressione-grid a:first-child {
        display: block;
        text-align: left;
        margin-bottom: 8px;
    }

        .digressione-grid a:first-child img {
            width: 430px;
        }

    /* seconda diapositiva */

    .digressione-grid a:last-child {
        display: block;
        text-align: right;
    }

        .digressione-grid a:last-child img {
            width: 430px;
        }

    /* immagini */

    .digressione-grid img {
        max-width: 100%;
        background: transparent;
        border: 1px solid #d3c8b0;
        box-shadow: 0 4px 14px rgba(0,0,0,0.18);
        display: inline-block;
        transition: transform 0.25s ease;
    }

        .digressione-grid img:hover {
            transform: scale(1.02);
        }