/*HEADER HEADER - 1ST BODY DIV BOX*/
.scrolledTop #header {
    transition: all 2s;
    height: 100vh;
    width: 100vw;

	display: grid;
	grid-template-areas:
		"hgroup"
		"details"; 
        grid-template-rows: 2fr 1fr;

    background-color: #f0fffed5;
}
#header {
    transition: all 2s;
}

.scrolledTop #header hgroup img {
    transition: all 550ms;
    width: 100vw;
    height: auto;
}#header hgroup img {
    transition: all 700ms;
}

.scrolledTop #header hgroup p {
    display: block;

    text-align: center;
    font-size: 0.7em;
    margin: 0.5em;
}

.scrolledTop #header #detailsBtn {
    display: none; 
}