#banner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.box-erasmus > div {
    height: 100%;
    margin: 0;
    padding: 0 10px;
}
.box-erasmus h3.vertical-center {
    top:1em !important;
}
@media only screen and (max-width : 767px) {
    .box-banner:first-of-type {
        padding-bottom: 20px;
    }
    .box-banner:last-of-type > div {
        margin-bottom: 0;
    }
    .box-erasmus {
        margin-bottom: 20px !important;
    }
    .box-erasmus > div {
        padding: 10px 10px 5px;
    }
    .box-erasmus h3 {
        font-size: 20px !important;
        padding: 5px 0 10px 0 !important;
    }
    .box-erasmus p {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .box-viverearoma h1 {
        font-size: 30px !important;
        padding: 30px 0;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .box-banner:not(:last-of-type) {
        padding-bottom: 20px;
    }
    .box-erasmus h3 {
        font-size: 24px !important;
    }
    .box-erasmus p {
        font-size: 12px !important;
        line-height: 16px !important;
        padding-bottom: 20px !important;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .box-erasmus h3 {
        font-size: 20px !important;
    }
    .box-erasmus p {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

@media only screen and (min-width : 992px) {
}

.box-banner > div {
    background: #fff;
}

.box-ciao > div, .box-erasmus > div {
    background: #822433;
}

.box-ciao h3 {
    font-size: 30px;
    line-height: 30px;
}

.box-trasparenza > div {
    background: #aaa38e !important;
}

.box-viverearoma > div {
    background-color: #dadada;
    /*background-image: url("../foto/viverearoma.jpg");*/
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
}

.box-viverearoma h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 0 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.box-viverearoma h1 a, .box-viverearoma h1 a:hover {
    color: #fff !important;
}

.box-erasmus > div {
    height: 100%;
    margin: 0;
}

/*.box-erasmus h3 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 0 20px;
    margin: 0;
    color: #fff;
}*/

.box-erasmus h3 a, .box-erasmus h3 a:hover {
    color: #fff !important;
}

.box-erasmus p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #fff;
}

.box-erasmus p a, .box-erasmus p a:hover {
    color: #fff !important;
}