html, header, body, main, footer, div {
    display: grid;
    margin: 0;
    padding: 0;
}

/***** TYPOGRAPHY ****/
p {
    font: 1em/1.5em sans-serif; 
}

.intro-text {
    width: 50%;
}

blockquote {
    font: 2em serif;
    width: 70%;
    margin: 0;
    padding:0;
    display: grid;
}

/***** MAIN ****/
html {
    background: #efefef;
}

.container {
    width: 100%;
    place-self: center;
    /*height: 100vh;*/
}

header {
    place-self: center;
    width: 95%;
}

nav {
    display:none;
}

main {
    place-self: center;
    width: 95%;
}

.wrapper {
    width: 100%;
    place-self: center;
    min-height: 200px; 
    padding:1em 0 1em 0;
}

.wrapper:nth-child(1) {
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
}

footer {
    place-self: center;
    width: 95%;
}