@import url(http://fonts.googleapis.com/css?family=Bitter|Asap);

* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}


body {
	font: 1em/1.8 Asap, Calibri, sans-serif;
	text-align: center;
}

.fit { /* set relative picture size */
    max-width: 100%;
    max-height: 100%;
  }
  
.image_size {
	position: relative;
	height: 300%;
}
  
.center {
    display: block;
    margin: auto;
  }
  
.testbutton {
	position: fixed;
	left: 50px;
	top: 500px;
 }

div.panels, div.panels div.panel {
	position: relative;
	height: 100vh;
	margin: 0px;
	border: 0px; 
    border-radius: 0px; 
}

	div.panels div.panel {
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0,.4);
	}
		div.panels div.panel * {
			position: relative;
			z-index: 3;
		}

	div.panels div.intro.panel {
		background-image: linear-gradient(180deg, #e4e4d9, #215f00);
		background-size: cover;
	}
	
		div.panels div.intro.panel span {
			display: block;
			
			position: absolute;
			top: 50%;
			
			margin-top: -50px;
			height: 100px;
			width: 100%;
		}

	div.panels div.green.panel {
		background-image: linear-gradient(180deg, #215f00, #71B280);
	}

	div.panels div.blue.panel {
		background-image: linear-gradient(180deg, #71B280, #85D8CE);
	}
	
	div.panels div.sunset.panel {
		background-image: linear-gradient(180deg, #85D8CE, #134E5E);
	}
	
	div.panels div.end.panel {
		background-image: linear-gradient(180deg, #134E5E, #16222A);
	}

		div.panels div.end.panel div {
				position: absolute;
				top: 40%;
				left: 5%;

				width: 90%;
				height: 55%;
		}