/* Youtube Reflexive */
.vid-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 35px;
    height: 0;
    overflow: hidden; /* optional */
    background-color: green; /* optional */
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid steelblue;
    margin: 1.5em 10px;
    padding: 1.2em 10px;
    quotes: "\201C""\201D""\2018""\2019";

}
blockquote:before {
    color: steelblue;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

figure {
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 3px solid steelblue;
    width: 100%;
}
figure img {
    width: 100%;
}
.notion-content > li{
    margin-left: 5%;
}

.notion-content > h1,
.notion-content > h2,
.notion-content > h3, 
.notion-content > h4, 
.notion-content > h5{
    margin-top: 2rem;
}