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

    background-color: #1f10238c;

	display: grid;
	grid-template-areas:
		"hgroup"
		"details"; 
        grid-template-rows: 2fr 1fr;
}
#header {
    transition: all 2s;
}
.scrolledTop #header hgroup h1 {
    transition: all 1s;
    text-align: center;
    font-size: 1.5em;
    padding: 0;
    margin: 0;
}
#header hgroup h1 {
    transition: all 1s;
}
.scrolledTop #header hgroup p {
    display: block;
    text-align: justify;
}
.scrolledTop #header #detailsBtn {
    display: none; 
}