.modal .panel-heading{
    background-color: #D33C44;
    color: white;
} 

@media (min-width: $screen-xs-min) { 
    .modal-dialog {
        max-width: 300px;
        width: auto;
    }
}

.panel-body > iframe{
    height: 550px;
    width: 100%;
    
}

@media screen and (max-width: 500px) {
    .panel-body > iframe{
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }
}