body
{
	background-color: rgb(247, 241, 241);
	padding: 0;
	margin: 0;
}

h1{
	margin-top: 50px;
	margin-left:510px;
	font-size: 60px;
	font-family: 'Karla', sans-serif;
	font-weight: lighter;

}

.slider-frame{
	overflow: hidden;
	height: 800px;
	width: 1200px;
	margin-left: 360px;
	margin-top: 20px;
}

/* SLIDE ANIMATION */
@-webkit-keyframes slide-animation{
	0%{left: 0px;}
	10%{left: 0px;}
	20%{left: 1200px;}
	30%{left: 1200px;}
	40%{left: 2400px;}
	50%{left: 2400px;}
	60%{left: 1200px;}
	70%{left: 1200px;}
	80%{left: 0px;}
	90%{left: 0px;}
	100%{left: 0px;}
}

.slide-image{
	width: 3600px;
	height: 800px;
	margin: 0 0 0 -2400px;
	position: relative;
	-webkit-animation-name: slide_animation;
	-webkit-animation-duration: 33s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

.img-container{
	height: 800px;
	width: 1200px;
	position: relative;
	float: left;
}