body{
	margin:0px;
	padding:0px;
	max-width:100vw;
	overflow-x: hidden

}


.freedom{
	width:100vw;
	/*height:47.5vh;*/
	height:100vh;
	position:fixed;
	top:52.5vh;
	background: url(graphics/freedom.svg) top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
	background-color:white;
}

.is{
	width:100vw;
	height:15vh;
	position:fixed;
	top:37.5vh;
	background: url(graphics/is.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	background-color:white;
}

.actions{
	width:100vw;
	height:37.5vh;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	/*animation: fadeone 2s;*/
}

#responsibility{
	background-image: url(graphics/responsibility.svg);
	margin-top:-10vh;
}

#action{
	background-image: url(graphics/action.svg);
}

#service{
	background-image: url(graphics/service.svg);
}

#simplicity{
	background-image: url(graphics/simplicity.svg);
}

#commitment{
	background-image: url(graphics/commitment.svg);
}

#gratitude{
	background-image: url(graphics/gratitude.svg);
}

#truth{
	background-image: url(graphics/truth.svg);
}

#growthewave{
	background-image: url(graphics/growthewave.svg);
	width:100vw;
	height:100vh;
	z-index:100;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color:white;
}

@keyframes fadeone {
    0%   {opacity:0;}
    50%   {opacity:0;}
    100%  {opacity:100%;}
}

#get, #off, #your, #damn, #butt, #six, #seven{
display:grid;
height:100vh;
width:100vw;

}

#get{
	top:0px;
}

#off{
top:100vh;
}

#your{
top:200vh;
}

#damn{
top:300vh;
}

#butt{
top:400vh;
}

#six{
top:500vh;
}

#seven{
top:600vh;
}

#forfreedom{
	height:10vh;
}