.main-container {
    background-color: #efefef;
}

.elemento-contesto {
    background-size: 100% 100%;
    /*    padding: 10px;*/
    border: 2px solid transparent;
    box-shadow: 2px 2px 3px #747474;
    margin-top: 10px;
    margin-bottom: 10px;
    /*min-height: 20vw;*/
    vertical-align: middle;
    width: 100%;
    aspect-ratio: 4/3;
}

    .elemento-contesto:hover {
        box-shadow: 4px 4px 12px #747474;
        border: 2px solid #747474;
    }

    .elemento-contesto > div {
        color: white;
    }


.custom-title {
    text-transform: uppercase;
    font-display: block;
    font-size: 2.8vw;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    transform: translate(-50%, -50%);
    text-shadow: 1px 1px black;
    line-height: normal;
}

@media (max-width: 767px) {
    .custom-title {
        font-size: 6vw;
        
    }

    .elemento-contesto {
        /*min-height: 30vw;*/
    }
    
}
    /*    text-shadow: 2px 2px #333333;
*/

    /*.panel-custom-header {
    padding-bottom: 30px;
    min-height: 150px;
}

.panel-custom-body {
    display: flex;
}

.panel-custom-footer {
    font-weight: bold;
    padding-bottom: 5px;
}*/