.carousel-caption{
    right:55% !important;
    bottom: 4px !important;
    left:8% !important;
    padding-top:10%!important;
    padding-bottom:29.25rem!important;
    text-align: left;
    
    
}

.carousel-caption h5,
.carousel-caption p{
    padding-top: 10px !important;
    padding-left: 30px !important;    
}

.carousel-caption h5{ 
    text-transform: uppercase !important;
    color: #004881 !important;
    font-family: 'Ropa Sans', sans-serif !important;
    font-size: 30px !important;  
}

.carousel-caption p{ 
    font-family: 'Ropa Sans', sans-serif;
    color: #ffffff;
    font-size: 22px; 
}

.carousel-caption span { 
    text-transform: uppercase;
    color: #f4911e;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 30px;
}

.caption_box{
    display: flex;
    justify-content: space-between;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.caption_singolo_box {
    flex: 1;
    border: 1px solid rgba(0, 0, 0, 0.288);;  /*bordo della casella*/
    border-radius: 50px;
    background-color: #cfb9b959;
}





@media  screen and  (max-width: 678px) {
    /* Esclusivamente le regole per la parte mobile*/

    
    .carousel-caption{
        right:5% !important;
        bottom: 4px !important;
        left:1% !important;
        padding-top:5%!important;
        padding-bottom:5.25rem!important;
        
    }
    
    .carousel-caption h5,
    .carousel-caption p{
        padding-top: 4px !important;
        padding-left: 10px !important;  
        text-transform: uppercase !important;
        color: #7bd491 !important;
        font-family: 'Ropa Sans', sans-serif !important;
        font-size: 30px !important;
    }
 



}