.home .hero img {
    max-width: 450px !important;
}

img, iframe {
    margin-top: 1em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

textarea {
    width: 100%;
    resize: none;
    -webkit-box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.24);
}

.image-border {
    border: 1px solid black;
}

pre {
    margin-top: 0 !important;
}

.danger {
    color: #DC3545;
}

video {
    max-width: 100%;
    min-width: 100%;
    max-height: 30em;
    margin: 0 auto;
}

.video_wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_wrapper {
    position: relative;
    padding-bottom: 56.25%;
}

iframe {
    border: none;
    -webkit-box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.24);
}

.sandbox-wrapper {
    position: relative;
    width: 100%;
}

.sandbox-wrapper iframe {
    width:100%;
    height:500px;
    overflow:hidden;
}