body{
	background-image: url(http://www.guoguiyan.com/data/out/218/69512425-zen-wallpapers.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
	background-size: 3840px 2160px;
	min-width: 370px;
}

/*------------BODY STYLE------------*/
.page-wrapper{
	display: grid;
  	height: 100vh;
 	grid-template-columns: repeat(auto);
  	grid-template-rows: 400px;
}

.intro{
	margin: 1em;
	padding: .5em;
	border-style: solid;
  	border-color: green;
  	border-width: 2px;
  	background-color: #EBEBEB;
  	opacity: .8;
  	grid-row-start: 1;
  	grid-row-end: 2;
  	grid-column-start: 1;
  	grid-column-end: 5;
}

.main-supporting{
	margin: 1em;
	padding: 1em;
	border-style: solid;
  	border-color: green;
  	border-width: 2px;
	background-color: #EBEBEB;
	opacity: .8;
  	grid-row-start: 2;
  	grid-row-end: 5;
  	grid-column-start: 2;
  	grid-column-end: 5;
}

.sidebar{
	margin: 1em;
	padding: 1em;
	border-style: solid;
	border-color: green;
  	border-width: 2px;
	background-color: #EBEBEB;  	
  	opacity: .8;
  	grid-row-start: 2;
  	grid-row-end: 5;
  	grid-column-start: 1;
  	grid-column-end: 2;
}

/*------------TEXT------------*/
h1{
	font-size: 60px;
	font-family: 'Archivo Black', sans-serif;
	text-align:  center;
	margin: 0em;
	color: #111111;
}

h2{
	font-family: 'Kanit', sans-serif;
	font-size: 30px;
	color: #3999dc;
	text-align: center;
	margin-top: 0em;
	border-bottom: solid 2px #3999dc;
}

h3{
	font-size: 20px;
	margin-top: 0em;
	margin: auto;
	text-align: center;
	color: #1d439b;
	border-bottom: solid 2px #1d439b;
}

p{
	font-family: 'Merriweather', serif;
	font-size: 14px;
	color: black;
}

abbr{
	text-decoration: none;
}

aside a, li{
 	font-family: 'Merriweather', serif;
	font-size: 18px;
	color: black;
}

footer a{
	font-size: 18px;
}

a:link{
	color: #000787;
	text-decoration: none;
}

a:visited{
	color: #000787;
	text-decoration: none;
}

a:hover{
	color: #000787;
	text-decoration: underline;
}


/*------------------------*/