@import url('reset.css');
.header{

text-align: center;

}

.header h1{
	font-size: 70px;
	line-height: 70px;
	font-family: 'BenchNine', sans-serif;
	text-transform: uppercase;
	color: #000;
}

.content h2{
	font-size: 50px;
	line-height: 50px;
	font-family: 'BenchNine', sans-serif;
	text-transform: uppercase;
	color: #000;
}

.slider {
/*max-width: 920px;*/
padding: 0 0 0 0;
align: center;
text-align: center;
}

.grab {

cursor:hand;
cursor:grab!important;
cursor:-moz-grab;
cursor: url(https://mail.google.com/mail/images/2/openhand.cur), pointer!important;
cursor:-webkit-grab;

}

.grabbing {
cursor:hand;
cursor:grabbing!important;
cursor:-moz-grabbing;
cursor:-webkit-grabbing;
cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), pointer!important;

}

.slider-heading, .slider-heading2{
	text-align: left;
}
.slider-heading {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	//color:#f01af0;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	position: absolute;
	right: 30%;
	margin-right: 10%;
}

.slider-heading2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	color:#f01af0;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	position: absolute;
	right: 50%;
	margin-right: 10%;
}
.slider-heading3{
	font-size: 30px;
	line-height: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
	position: absolute;
	right: 50%;
	margin-right: 10%;
	top: 50%;
}



.slider-image0, .slider-image1 {
position: absolute;
bottom: 30%;
left: 30%;
}

.slider-image2 {
position: absolute;
bottom: 50%;
left: 10%;
}

.slider-image3 {
position: absolute;
bottom: 10%;
left: 30%;
}

.slider-image4 {
position: absolute;
bottom: 30%;
left: 30%;
}


.content {
position: relative;
top: 450px;
text-align: center;
}

.content ul li {
-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	color:#f01af0;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 9px 18px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #2671a3;
   background: #2671a3;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

@media screen and (max-width: 830px) {
	.slider-content{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		padding: 5px 0;
	}

	.one-by-one-slider-large li img {
	width: 100%;

	}

	.slider-content div{
		text-align: center;
		font-size: 15px;
		line-height: 20px;
	}

   .slider-image1, .slider-image2, .slider-image3, .slider-image4, .slider-heading, .slider-heading2, .slider-heading3 {
     position: relative;
     left: 5%;
     right: 5%;
     top: 10%;
}

.slider-image0 {
position: relative;
max-width:150px;
}

.slider-image1, .slider-image2, .slider-image3, .slider-image4 {
 max-width:300px;
}

.slider-image4 {

padding-bottom: 75px;

}

.header h1{
	font-size: 20px;
	line-height: 20px;
}


.content {
top: 350px;
}


.content h2{
	font-size: 20px;
	line-height: 20px;
}

}