.container {
    margin-top:33px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    padding:15px;
    box-shadow: 
        5px 5px 5px #FF7A00,
        -5px 5px 5px #FF7A00,
        5px -5px 5px #FF7A00,
        -5px -5px 5px #FF7A00;
        
}

.text-container {
    text-align: center;
    width:100%;
}

.video-title {
    margin-top:10px;
    margin-bottom:10px;
    background-color: #FF7A00;
    width:100%;
    height:55px;
    text-align: center;
    border-radius: 7px;
    color:white;
}

.videos-container {
    display: flex;
    width:100%;
    justify-content: center;
    
}

.video {
    width:100%;
    text-align: center;
    margin-right:5px;
    
}

.testimony-title {
    margin-top:10px;
    margin-bottom:10px;
    background-color: #FF7A00;
    width:100%;
    height:55px;
    text-align: center;
    border-radius: 7px;
    color:white;
}

.testimony-videos {
    display:flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.testimony-videos iframe {
    margin:5px;
}


.support-title {
    margin-top:10px;
    margin-bottom:10px;
    background-color: #FF7A00;
    width:100%;
    height:55px;
    text-align: center;
    border-radius: 7px;
    color:white;
    text-align: center;
}

.support-material {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom:100px;

}

.support-frame {
    color:white;
    display:flex;
    flex-direction: column;
    text-align: center;
    width:32%;
    padding:5px;
    margin-right:10px;
    margin-bottom:10px;
    box-shadow: 
    2px 2px 5px #CCC,
    -2px 2px 5px #CCC,
    2px -2px 5px #CCC,
    -2px -2px 5px #CCC;
}

.material-description {
    color:white;
    margin-bottom:10px;
}

@media (max-width:1366px){
    .support-frame {
        display:flex;
        flex-direction: column;
        text-align: center;
        width:47%;
        padding:5px;
        margin-right:10px;
        margin-bottom:10px;
        box-shadow: 
        2px 2px 5px #CCC,
        -2px 2px 5px #CCC,
        2px -2px 5px #CCC,
        -2px -2px 5px #CCC;
    }
    .principal-video {
        width:320px;
        height:210px;
    }
}

@media (max-width:1240px){
    h2 {
        font-size:15px;
    }
}

@media (max-width:460px){
    .videos-container {
        display:flex;
        flex-direction: column;
    }
    
    .principal-video {
        width:300px;
        height:190px;
    }
    .support-frame {
        display:flex;
        flex-direction: column;
        text-align: center;
        width:100%;
        padding:5px;
        margin-right:10px;
        margin-bottom:10px;
        box-shadow: 
        2px 2px 5px #CCC,
        -2px 2px 5px #CCC,
        2px -2px 5px #CCC,
        -2px -2px 5px #CCC;
    }
}