/* ==========================================================================
   Page Layout
   ========================================================================== */

img.brand {
    height: 10rem;
    margin: 4rem auto;
    max-width: 100%;
}

h1,h2,h3,ul,p {
    text-align: center;
}

img.media-object.album {
    background-color: #3c3c3c;
    width: 12rem;
    border-radius: 0.5rem;
    border: 1px solid #555;
}

footer {
    background-color: #0f0f0f;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 4rem;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}