*{
	box-sizing: border-box;


}

h1{font-family: Arial Black; font-size: 18pt;}
p{font-family: Arial; font-size: 12pt; text-align: justify; width: 75%; line-height: 30px; margin-top: 50px;}

.nav-container {
		display: grid;
		grid-template-columns:'auto auto auto auto auto auto';
		grid-template-areas:'logo logo logo logo logo logo';
		grid-column-gap: 0px;
		justify-content: ;
		grid-row-gap:;
		padding: 50px;


		}

.logo{grid-area: logo; font-family: Arial Black;}


.splash-container {
		display: grid;
		grid-template-columns:'auto auto auto auto auto auto';
		grid-template-areas:'return return return splash splash splash';
		grid-column-gap: 0px;
		justify-content: ;
		grid-row-gap:;
		padding: 0px;
		margin-top: 50px;


		}


.return{grid-area: return; margin-left: 150px;}

.splash{grid-area: splash; margin-right: 200px; margin-top: 100px;}
.splash > div  {font-family: Arial Black; text-align: center; line-height: 30px;}


footer {margin-top: 50px; text-align: center;}











@media (max-width: 992px){

.splash-container {
		display: grid;
		grid-template-columns:'auto auto auto auto auto auto';
		grid-template-areas:'splash splash splash splash splash splash' 
				    'return return return return return return';
		grid-column-gap: 0px;
		justify-content: ;
		grid-row-gap: 50px;
		padding: 25px;
		margin-top: 10px;


		}
	
	

}


@media (max-width: 992px){

.return{ margin-left: 0px; text-align: center;}




}

@media (max-width: 992px){

.splash{ margin-left: 0px; margin: 0px; padding: 25px; }




}

@media (max-width: 992px){

.nav-container {
		display: none;
		grid-template-columns:'auto auto auto auto auto auto';
		grid-template-areas:'logo logo logo logo logo logo';
		grid-column-gap: 0px;
		justify-content: ;
		grid-row-gap:;
		padding: 0px;


		}





}

@media (max-width: 992px){

.logo {text-align: center;}





}


@media (max-width: 992px){

p{width: 100%; margin-top: 0px;}





}


@media (max-width: 992px){

h1{font-size: 14pt;}





}