.body {
	margin:auto;
}

.header {
	font-family: helvetica,sans-serif;
	font-size: 14px;
	width: 100%;
	height:650px;
	position: relative;
	margin: 1em;
	background-color:Black;
	overflow: hidden;
	display:block;

}

.images {
	margin:0;
	padding:0;

}

.images li {
	margin:0;
	padding:0;
	width:75%;
	list-style:none;
	text-align: center;
}

.header li {
	position: absolute;
	top: 1000px;
}

.header li.current {
	top: 30px;
	transition: 0.75s;
	width:100%;
	transition-timing-function:ease;
}

.header .carousel-buttons {
	padding: 5px 0;
	background:rgba(122, 31, 31, 0.9);
	text-align: center;
	z-index: 10;
	position: relative;
	display:inline-block;
}

#next,
#prev {
	cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #FAFAD2;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0
}

#next {
	left:0;
}

#prev {
	right:0;
}
.offscreen {
	position: absolute;
	left: -2000px;
}

.image-resize {
	width:90%;
	height:auto;
}



/*For Browser Resize (>= 800px)*/

@media screen and (max-width: 1170px){
.header {
	height:400px;
}
.image-resize {
	width:100%;
	height:auto;
	margin:auto;
}
}

@media screen and (max-width: 600px){
.header {
	height:450px;
}
.images {
	position:relative;
	top:0;

}
  	/*  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0*/