/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
@media screen and (max-width: 5000px) {
	html {
			border: 20px;
			height: 100vh;
		  font-size: 2em;
			/*line-height: 26px;*/
			background: teal;
			display: grid;
			grid-template-columns: 1fr .3fr 1fr;
			grid-template-rows: 1fr ;
			background-image: url("https://i.ytimg.com/vi/cSR7VSbMqvY/maxresdefault.jpg");
			background-size: cover;
	}
	body {
	background: 	#2F4F4F;
	grid-column: 1;
	}
	div {

	}
	header {
		background: teal;
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("http://cfa.fsu.edu/wp-content/uploads/2015/01/zengarden-4.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr;
		font-family: Impact, Charcoal, sans-serif;


			/*width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0px;
	    top: 0px;*/
	}
	.h1, .h2 {
		display: grid;
	  grid-gap: 0px;
		grid-column: 1;
	  grid-row: 1;
		font-family: Impact, Charcoal, sans-serif;
	}

	.h3 {
		text=align: left;
		grid-column: 3;
	  grid-row: 1;
		font-family: Impact, Charcoal, sans-serif;
		color: white;
	}

	.summary {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("http://www.howtobuildahouseblog.com/wp-content/uploads/2011/09/Zen-Garden1.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 0px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.preamble {
		padding: 50px;
		border: 20px;
		color: white;
		background: none;
		/*background-image: url("https://i.ytimg.com/vi/cSR7VSbMqvY/maxresdefault.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}
	.explanation {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("https://sceniclandscaping.com/wp-content/uploads/2010/04/Mosca16x20Poster.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .45fr .2fr .5fr;
	}
	.participation {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("https://i.pinimg.com/originals/95/05/28/95052802f235fe7ce67c740924ee4e0f.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .3fr .9fr 1fr;
	}
	.benefits {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("https://i.pinimg.com/originals/ff/25/fb/ff25fb9180adf32c4e7bb82f673f94c6.jpg");*/
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr ;
		grid-template-rows: .5fr;
	}
	.requirements {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("https://maitlandgardenofhope.files.wordpress.com/2012/03/zen1.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .5fr;
	}
	footer {
		padding: 0px;
		background: #2F4F4F;
		color: white;
		text-align: center;
		font-family: arial;
	}
	aside {
		padding: 50px;
		border: 0px;
		background: #2F4F4F;
		font-size: 20px;
		text-align: left;
		display: grid;
	  grid-gap: 0px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		font-family: arial;

	}
	nav {
		background: #2F4F4F;
		text-align: ;
		font-size: 20px;
	}
	ul {
		color: green;
	}
	.design-name, .designer-name, li, a {
		color: #F0F8FF;
	}
	p {
		background: none;
		text-align: left;
		grid-column: 1;
		font-size: 20px;
		font-family: arial;
	}
}


@media screen and (max-width: 1700px) {
html {
		border: 20px;
		height: 100vh;
	  font-size: 2em;
	  color: white;
	  color: black;
		background: teal;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
}
body {
background: teal;
}
header {
	background: none;
	padding: 50px;
	border: 20px;
	color: white;
	background-image: url("http://cfa.fsu.edu/wp-content/uploads/2015/01/zengarden-4.jpg");
	background-repeat: no-repeat;
  background-size: cover;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	font-family: Impact, Charcoal, sans-serif;


		/*width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;*/
}
.h1, .h2 {
	display: grid;
  grid-gap: 1px;
	grid-column: 2;
  grid-row: 2;
}

.h3 {
	text=align: left;
	grid-column: 3;
  grid-row: 1;
	font-family: Impact, Charcoal, sans-serif;
}

.summary {
	padding: 50px;
	border: 20px;
	color: white;
	/*background-image: url("http://www.howtobuildahouseblog.com/wp-content/uploads/2011/09/Zen-Garden1.jpg");
	background-repeat: no-repeat;
  background-size: cover;*/
	display: grid;
  grid-gap: 0px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
}
.preamble {
	padding: 50px;
	border: 0px;
	color: white;
	background: none;
	background-image: url("https://i.ytimg.com/vi/cSR7VSbMqvY/maxresdefault.jpg");
	background-repeat: no-repeat;
  background-size: cover;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}
.explanation {
	padding: 50px;
	border: 20px;
	color: white;
	background-image: url("https://sceniclandscaping.com/wp-content/uploads/2010/04/Mosca16x20Poster.jpg");
	background-repeat: no-repeat;
  background-size: cover;
	display: grid;
  grid-gap: 5px;
	grid-template-columns: .48fr .2fr .5fr;
	grid-template-rows: .45fr .2fr .5fr;
}
.participation {
	padding: 50px;
	border: 20px;
	color: white;
	background-image: url("https://images.unsplash.com/photo-1446817852323-048fe2d5f61a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2048&q=80");
	background-repeat: no-repeat;
  background-size: cover;
	display: grid;
  grid-gap: 5px;
	grid-template-columns: .87fr .2fr 1fr;
	grid-template-rows: .3fr .9fr 1fr;
}
.benefits {
	padding: 50px;
	border: 20px;
	color: white;
	/*background-image: url("https://i.pinimg.com/originals/ff/25/fb/ff25fb9180adf32c4e7bb82f673f94c6.jpg");*/
	background-repeat: no-repeat;
  background-size: cover;
	display: grid;
  grid-gap: 5px;
	grid-template-columns: 9fr .5fr ;
	grid-template-rows: .5fr;
}
.requirements {
	padding: 50px;
	border: 20px;
	color: white;
	background-image: url("https://maitlandgardenofhope.files.wordpress.com/2012/03/zen1.jpg");
	background-repeat: no-repeat;
  background-size: cover;
	display: grid;
  grid-gap: 5px;
	grid-template-columns: .43fr .5fr;
	grid-template-rows: .5fr;
}
footer {
	padding: 0px;
	background: lightgreen;
	color: white;
	text-align: right;
	font-family: arial;
}
aside {
	padding: 50px;
	border: 0px;
	background: #483D8B;
	font-size: 20px;
	text-align: left;
	display: grid;
  grid-gap: 0px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	font-family: arial;
}
nav {
	background: #483D8B;
	text-align: ;
	font-size: 20px;
}
ul {
	color: green;
}
.design-name, .designer-name, li, a {
	color: #F0F8FF;
}
p {
	background: none;
	text-align: left;
	grid-column: 1;
	font-size: 20px;
	font-family: arial;
}
}

@media screen and (max-width: 900px) {

	html {
			padding: 70px;
			border: 10px;
		  font-size: 1.9em;
			text-align: center;
			background: 	#556B2F;
			display: grid;
			grid-template-columns: 1fr ;
			grid-template-rows: 1fr;
	}
	body {
			background: teal;

	}
	header {
		background: none;
		padding: 50px;
		border: 20px;
		color: white;
		background-image: url("http://cfa.fsu.edu/wp-content/uploads/2015/01/zengarden-4.jpg");
		background-repeat: no-repeat;
	  background-size: cover;
		grid-template-columns: 1fr ;
		grid-template-rows: 1fr ;
		font-family: Impact, Charcoal, sans-serif;


			/*width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0px;
	    top: 0px;*/
	}
	.h1, .h2 {
		display: grid;
	  grid-gap: 1px;
		grid-column: 2;
	  grid-row: 2;
	}

	.h3 {
		text=align: left;
		grid-column: 3;
	  grid-row: 1;
		font-family: Impact, Charcoal, sans-serif;
	}

	.summary {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("http://www.howtobuildahouseblog.com/wp-content/uploads/2011/09/Zen-Garden1.jpg");
		background-repeat: no-repeat;
	  background-size: cover;*/
		display: grid;
	  grid-gap: 0px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.preamble {
		padding: 50px;
		border: 20px;
		color: white;
		background: pink;
		background-image: url("http://japankert.com/img/p/100-1177-thickbox.jpg");
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr .5fr 1fr;
	}
	.explanation {
		padding: 50px;
		border: 20px;
		color: white;
		background-image: url("https://i.pinimg.com/736x/7e/b7/f7/7eb7f7c877d6710574ad201e7cba6834.jpg");
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .2fr .7fr 1fr;
	}
	.participation {
		padding: 50px;
		border: 20px;
		color: white;
		background-image: url("http://www.lucedentro.com/wp-content/gallery/evento-giardino-zen/dsc_5139-night.jpg");
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .3fr .9fr 1fr;
	}
	.benefits {
		padding: 50px;
		border: 20px;
		color: white;
		/*background-image: url("https://i.pinimg.com/originals/ff/25/fb/ff25fb9180adf32c4e7bb82f673f94c6.jpg");*/
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .5fr;
	}
	.requirements {
		padding: 50px;
		border: 20px;
		color: white;
		background-image: url("https://northamericanjapanesegardenassociation.files.wordpress.com/2015/10/andon-in-portland-japanese-garden-003.jpg");
		background-repeat: no-repeat;
	  background-size: cover;
		display: grid;
	  grid-gap: 5px;
		grid-template-columns: 1fr;
		grid-template-rows: .5fr;
	}
	footer {
		padding: 0px;
		background: lightgreen;
		color: white;
		text-align: center;
		font-family: arial;
	}
	aside {
		padding: 50px;
		border: 0px;
		background: teal;
		font-size: 20px;
		text-align: left;
		display: grid;
	  grid-gap: 0px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		font-family: arial;
	}
	nav {
		background: teal;
		font-size: 17px;
	}
	ul {
		color: green;
	}
	.design-name, .designer-name, li, a {
		color: #F0F8FF;
	}
	p {
		background: none;
		text-align: center;
		grid-column: 1;
		font-size: 20px;
		font-family: arial;
	}
}