blockquote {
    position: absolute;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: Font2;
    color: black;
    text-align: right;
    font-style: italic;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote:after {
    content: close-quote;
    color: #ccc;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.5em;
}

blockquote p {
    display: inline;
}

.Aside {
    position: absolute;
    top: 30vh;
    left: 3vw;
    width: 35vw;
    cursor: default;
    font-size: 3vh;
}

.steve {
    position: absolute;
    top: 100%;
    right: 0vw;
    font-family: Font2;
    font-size: 3vh;
    font-style: italic;
}

@media only screen and (max-width: 970px) {

    blockquote {
        position: absolute;
        quotes: "\201C""\201D""\2018""\2019";
        color: black;
        text-align: right;
        font-style: italic;
    }
    
    blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 3em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }
    
    blockquote:after {
        content: close-quote;
        color: #ccc;
        font-size: 3em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.5em;
    }

    .Aside {
        position: absolute;
        top: 15vh;
        left: 0vw;
        width: 90vw;
        font-size: 2.5vh;
        text-align: left;
        cursor: default;
    }
    .steve {
        position: absolute;
        top: 100%;
        font-family: Font2;
        font-size: 2.5vh;
    }
}