body {
	margin: 0;
	padding: 0;
	background-image: linear-gradient(to top, #949c92, #BFDFCF);

}

.container {
	display: grid;
	grid-template-columns: repeat(13, 1fr) ;
	grid-template-rows: 270px 320px 600px 600px 270px;
	row-gap: 25px;
	margin: 0 15% 0 15%;
}

@media (max-width: 1000px) {
	h1 {
		font-size: 1.2em;
}
	
	.container {
		margin: 0 0 0 0;
		grid-template-rows: 200px 600px 950px 940px 280px;
	}
}

.container h1 {
	border: solid 3px;
	text-shadow: -2px 2px 3px rgba(0,0,0,.8);
	background-color: white;
}

.headerbackground {
	grid-column: 3 / 12;
	grid-row: 1;
	background-color: whitesmoke;
	margin-top: 25px;
	border: solid transparent 1px;
	border-radius: 3px;
	box-shadow: -5px 5px 10px 5px rgba(0,0,0,.05);

}

/* Header title */
.e {
	font-family: sans-serif;
	font-size: 4em;
	color: #8c8196;
	position: relative;
	display: inline-block;
	grid-column: 4;
	grid-row: 1;
}

.en {
	font-family: comic sans ms;
	font-size: 3em;
	color: #a295ae;
	position: relative;
	display: inline-block;
	grid-column: 5;
	grid-row: 1;
}
 
.enr {
	font-family: georgia;
	font-size: 2.5em;
	color: #b8aac6;
	position: relative;
	display: inline-block;
	grid-column: 6;
	grid-row: 1;
}

.enri {
	font-family: helvetica;
	font-size: 3em;
	color: #cfbfdf;
	position: relative;
	display: inline-block;
	grid-column: 7;
	grid-row: 1;

}

.enriq {
	font-family: gill sans;
	font-size: 3em;
	color: #b8aac6;
	position: relative;
	grid-column: 8;
	grid-row: 1;
}

.enriqu {
	font-family: verdana;
	font-size: 3em;
	color: #a295ae;
	position: relative;
	grid-column: 9;
	grid-row: 1;
}

.enrique {
	font-family: gill sans;
	font-size: 3.6em;
	color: #8c8196;
	position: relative;
	grid-column: 10;
	grid-row: 1;
}


/* subtext */
.subtext {
	grid-column: 5 / 10;
	grid-row: 1;
	position: relative;
}

.subtext h4 {
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0 0 0 15px;
	font-family: times;
	font-size: 1.6em;
	font-weight: bold;
	color: rgba(0,0,0,.7);
}

@media (max-width: 1000px) {
	h4 {
	font-size: 1.3em !important;
}
}

/* Container 2 */
.sccs {
	grid-column: 1 / 14;
	grid-row: 2;
	border: solid 1px;
	background-color: whitesmoke;
	border: solid rgba(0,0,0,.1) 1px;
	border-radius: 3px;
	box-shadow: -5px 5px 10px 5px rgba(0,0,0,.05);
}

.sccs h2, 
.dates h2,
.about h2,
.contact h2 {
	font-size: 2.6em;
	font-family: times;
	color: #4c5953;
	margin: 0;
	padding: 30px;
	display: inline-block;

}

.sccs p,
.about p,
.contact p {
	font-size: 1.2em;
	font-family: verdana;
	padding: 0;
	margin: 0 30px 0 30px;
	color: rgba(0,0,0,.8);
}

.dates {
	grid-column: 1 / 14;
	grid-row: 3;
	border: solid 1px;
	background-color: whitesmoke;
	border: solid rgba(0,0,0,.1) 1px;
	border-radius: 3px;
	box-shadow: -5px 5px 10px 5px rgba(0,0,0,.05);
}

.dates ul {
	font-size: 1.5em;
	font-family: verdana;
	list-style-type: none;
	line-height: 1.5;
	padding: 0;
	margin: 0 30px 0 30px;
	color: rgba(0,0,0,.9);
}

.about {
	grid-column: 1 / 14;
	grid-row: 4;
	border: solid 1px;
	background-color: whitesmoke;
	border: solid rgba(0,0,0,.1) 1px;
	border-radius: 3px;
	box-shadow: -5px 5px 10px 5px rgba(0,0,0,.05);
}

.centered {
	text-align: center;
}

.contact {
	grid-column: 1 / 14;
	grid-row: 5;
	border: solid 1px;
	background-color: whitesmoke;
	border: solid rgba(0,0,0,.1) 1px;
	border-radius: 3px;
	box-shadow: -5px 5px 10px 5px rgba(0,0,0,.05);
	margin-bottom: 40px;
}