#why-us .reasons
{
	width: 60%;
	margin: 0 auto;	
}

@media only screen and (max-width: 1300px)
{
	#why-us .reasons
	{
		width: 80%;
	}
}

@media only screen and (max-width: 991px)
{
	#why-us .reasons
	{
		width: 70%;
	}
}

@media only screen and (max-width: 767px)
{
	#why-us .reasons
	{
		width: 70%;
	}
}

@media only screen and (max-width: 570px)
{
	#why-us .reasons
	{
		width: 90%;
	}
}

@media only screen and (max-width: 450px)
{
	#why-us .reasons
	{
		width: 100%;
	}
}

#why-us .reason
{
	padding: 0 5px;
}

#why-us .reasons p
{
	font-size: 1.1em;
	height: 60px;
	width: 110px;
	margin: 15px auto;
}

#why-us .reason:last-child > p
{
	margin: 25px auto 5px auto;
}

#why-us .reasons .order
{
	height: 25px;
	width: 120px;
	background-color: #01a0e2;
	color: #fefefe;
	text-align: center;
	line-height: 25px;
	margin: 0 auto 20px auto;
	cursor: pointer;
}

@media only screen and (max-width: 500px)
{
	#why-us .reasons .order
	{
		width: 100px;
	}
}

#why-us .half-header
{
	font-size: 2.1em;
	color: #444;
	text-align: center;
	margin-top: 40px;
}

@media only screen and (max-width: 450px)
{
	#why-us .half-header
	{
		font-size: 1.5em;
	}
}

#why-us .buttons-and-arrows
{
	height: 84px;
	width: 880px;
	margin: 20px auto;
}

#why-us .arrow-left, #why-us .arrow-right
{
	position: relative;
	float: left;
	height: 84px;
	width: 40px;
	margin: 0 10px;
	cursor: pointer;
}

#why-us .arrow-left img, #why-us .arrow-right img
{
	margin-top: 19px;
}

#why-us .buttons-visible
{
	float: left;
	width: 760px;
	overflow: hidden;	
}

#why-us .buttons
{
	height: 84px;
	width: 2000px;
	left: 0;
}

#why-us .button
{
	float: left;
	width: 142px;
	margin: 0 5px;
}

#why-us .button img
{
	border: 2px solid #cecece;
}

@media only screen and (max-width: 960px)
{
	#why-us .buttons-and-arrows
	{
		width: 728px;
	}

	#why-us .buttons-visible
	{
		width: 608px;
	}
}

@media only screen and (max-width: 810px)
{
	#why-us .buttons-and-arrows
	{
		width: 576px;
	}

	#why-us .buttons-visible
	{
		width: 456px;
	}
}

@media only screen and (max-width: 650px)
{
	#why-us .buttons-and-arrows
	{
		width: 424px;
	}

	#why-us .buttons-visible
	{
		width: 304px;
	}
}

@media only screen and (max-width: 500px)
{
	#why-us .buttons-and-arrows
	{
		width: 272px;
	}

	#why-us .buttons-visible
	{
		width: 152px;
	}
}

@media only screen and (max-width: 350px)
{
	#why-us .buttons-and-arrows
	{
		width: 272px;
		margin-left: -10px;
	}
}

@media only screen and (max-width: 335px)
{
	#why-us .buttons-and-arrows
	{
		width: 272px;
		margin-left: -20px;
	}
}