/*  --- BASICS --- */

@media {
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		font-family: 'Varela Round', sans-serif;
	}
	
	.section {
		min-height: 100%;
		width: 100%;
		position: absolute;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	
	.content {
		height: 100%;
		width: 100%;
		position: relative;
		z-index: 10;
	}
	
	.decoration {
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
		
	.grass {
		display: flex;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.grass-small,
	.grass-big {
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		width: 8vh;
		height: 8vh;
		opacity: 0.7;
	}
	
	.grass-small {
		background-image: url("../img/home/grassSmall.gif");
	}
	
	.grass-big {
		background-image: url("../img/home/grassBig.gif");
	}
}

/*  --- HOME --- */

@media {

	/* Content */
	
	#home {
		background-color: #9fd593;
	}
	
	#home .content {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 10;
	}
	
	#home .overlap-container {
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}
	
	#home .home-text {
		margin: auto;
		margin-top: 20vh;
		pointer-events: all;
		width: 90%;
		max-width: 1200px;
	}
	
	#home .home-text p,
	#home .home-text li {
		font-size: min(15pt, 5vw);
		font-weight: 400;
		color: #465e41;
		margin: 40px 0;
	}
	
	#home .home-text li {
		padding-left: 5px;
		margin: 5px 0;
	}
	
	#home .home-text ul {
		padding-left: 20px;
	}
	
	#home .home-text h1,
	#home .home-text h2,
	#home .home-text h3 {
		font-size: min(32pt, 9vw);
		font-weight: 600;
		color: #32432e;
		margin: 40px 0;
	}
	
	#home .home-text h2 {
		font-size: min(26pt, 7vw);
	}
	
	#home .home-text h3 {
		font-size: min(22pt, 6vw);
	}
	
	#home .copyright {
		text-align: center;
		margin: auto auto 10px 10px;
		pointer-events: all;
		display: flex;
		flex-direction: column;
		align-items: end;
	}
	
	/* Decoration */
	
	
	#home .decoration .top {
		height: 20%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#home .decoration .top-wall {
		height: 100%;
		width:140%;
		background-image: url("../img/home/caveWall.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		position: relative;
		-webkit-clip-path: polygon(98% 0, 94% 30%, 90% 100%, 0 100%, 0 0);
		clip-path: polygon(98% 0, 94% 30%, 90% 100%, 0 100%, 0 0);
	}
	
	
	#home .grass1 {
		margin-top: 25vh;
		margin-left: 15vw;
	}
	
	#home .grass2 {
		margin-top: 70vh;
		margin-left: 35vw;
	}
	
	#home .grass3 {
		margin-top: 73vh;
		margin-left: 38vw;
	}
	
	#home .grass4 {
		margin-top: 60vh;
		margin-left: 80vw;
	}
}