div.whatoffersection
{
	position: relative;
	background-color: #ffffff;
	height: auto;
	width: 100%;
	z-index: 20;
	text-align: center;
}

div.whatoffersectionhead
{
	color: #666666;
}

div.whatofferintro1
{
	text-align: center;
	/*font-size: 2rem;*/
	/*font-weight: lighter;*/
	color: #333333;
	margin-top: 0rem;
	margin-bottom: 0.5rem;
}

span.whatofferintro1high
{
	/*font-family: LatoBold;*/
/*	font-weight: bold;*/
	color: #00a4de;
}

div.whatofferintro2
{
	display: inline-block;
	text-align: center;
	/*font-size: 1rem;*/
	/*font-weight: lighter;*/
	color: #777777;
	margin-top: 0rem;
	margin-bottom: 1rem;
}

div.whatofferintro2:hover
{
	color: #000000;
}

div.whatofferinfocontain
{
	width: 100%;
	height: 46rem;
	position: relative;
}

div.whatofferinfocontainlft1
{
	position: absolute;
	width: 50%;
	height: 23rem;
	left: 0%;
	top: 0rem;
	background-color: #ffffff;
	transition: background-color 0.5s ease-in-out;
}

div.whatofferinfocontainrgt1
{
	position: absolute;
	width: 50%;
	height: 23rem;
	left: 50%;
	top: 0rem;
	background-color: #f7f7f7;
	transition: background-color 0.5s ease-in-out;
}

div.whatofferinfocontainlft2
{
	position: absolute;
	width: 50%;
	height: 23rem;
	left: 0%;
	top: 23rem;
	background-color: #f7f7f7;
	transition: background-color 0.5s ease-in-out;
}

div.whatofferinfocontainrgt2
{
	position: absolute;
	width: 50%;
	height: 23rem;
	left: 50%;
	top: 23rem;
	background-color: #ffffff;
	transition: background-color 0.5s ease-in-out;
}

div.whatofferinfocontainover
{
	background-color: #dddddd;
}

div.whatofferinfopanellft
{
	position: absolute;
	width: 25rem;
	height: 23rem;
	top: 0rem;
	right: 15%;
	text-align: center;
}

div.whatofferinfopanelrgt
{
	position: absolute;
	width: 25rem;
	height: 23rem;
	top: 0rem;
	left: 15%;
	text-align: center;
}

img.whatofferinfopanelimg
{
	position: relative;
	width: 12rem;
	height: 12rem;
	margin-top: 2rem;
}

div.whatofferinfopaneltitle
{
	position: relative;
	color: #666666;
	/*font-family: LatoBold;*/
/*	font-weight: bold;*/
	/*font-size: 1rem;*/
	margin-top: 1rem;
	margin-bottom: 1rem;
	transition: color 0.5s ease-in-out;
}

div.whatofferinfopaneltitleover
{
	color: #333333;
}

div.whatofferinfopanelbody
{
	/*font-family: LatoRegular;*/
	/*font-size: 1rem;*/
	position: relative;
	color: #888888;
	transition: color 0.5s ease-in-out;
}

div.whatofferinfopanelbodyover
{
	color: #333333;
}


@media only screen and (min-width: 1600px)
{
	/*div.whatoffersection {height: 72rem;}*/
	/*div.whatofferintro1 {font-size: 2.5rem;}*/
	/*div.whatofferintro2 {font-size: 1.25rem;}*/
	div.whatofferinfocontain {height: 56rem;}
	div.whatofferinfocontainlft1,div.whatofferinfocontainrgt1 {height: 28rem;}
	div.whatofferinfocontainlft2,div.whatofferinfocontainrgt2 {height: 28rem; top: 28rem;}
	div.whatofferinfopanellft,div.whatofferinfopanelrgt {width: 30rem; height: 28rem;}
	img.whatofferinfopanelimg {width: 15rem; height: 15rem;}
	/*div.whatofferinfopaneltitle,div.whatofferinfopanelbody {font-size: 1.25rem;}*/
}

@media only screen and (max-width: 999px)
{
	/*div.whatoffersection {height: 105rem;}*/
	/*div.whatofferintro1 {font-size: 2.5rem;}*/
	/*div.whatofferintro2 {font-size: 1.25rem;}*/
	div.whatofferintro2 {display: block; width: 90%; margin-left: auto; margin-right: auto;}
	/*div.whatofferinfocontain {position: absolute; top: 17rem;}*/
	div.whatofferinfocontain {height: 44rem;}
	div.whatofferinfocontainlft1 {width: 50%; height: 22rem; top: 0rem; left: 0%;}
	div.whatofferinfocontainrgt1 {width: 50%; height: 22rem; top: 0rem; left: 50%;}
	div.whatofferinfocontainlft2 {width: 50%; height: 22rem; top: 22rem; left: 0%;}
	div.whatofferinfocontainrgt2 {width: 50%; height: 22rem; top: 22rem; left: 50%;}
	div.whatofferinfopanellft {width: 18rem; height: 22rem; right: 15%;}
	div.whatofferinfopanelrgt {width: 18rem; height: 22rem; left: 15%;}
	img.whatofferinfopanelimg {width: 10rem; height: 10rem;}
	/*div.whatofferinfopaneltitle,div.whatofferinfopanelbody {font-size: 1.25rem;}*/
}

@media only screen and (max-width: 799px)
{
	/*div.whatoffersection {height: 105rem;}*/
	/*div.whatofferintro1 {font-size: 2.5rem;}*/
	/*div.whatofferintro2 {font-size: 1.25rem;}*/
	div.whatofferintro2 {display: block; width: 90%; margin-left: auto; margin-right: auto;}
	/*div.whatofferinfocontain {position: absolute; top: 17rem;}*/
	div.whatofferinfocontain {height: 44rem;}
	div.whatofferinfocontainlft1 {width: 50%; height: 22rem; top: 0rem; left: 0%;}
	div.whatofferinfocontainrgt1 {width: 50%; height: 22rem; top: 0rem; left: 50%;}
	div.whatofferinfocontainlft2 {width: 50%; height: 22rem; top: 22rem; left: 0%;}
	div.whatofferinfocontainrgt2 {width: 50%; height: 22rem; top: 22rem; left: 50%;}
	div.whatofferinfopanellft {width: 16rem; height: 22rem; right: 5%;}
	div.whatofferinfopanelrgt {width: 16rem; height: 22rem; left: 5%;}
	img.whatofferinfopanelimg {width: 10rem; height: 10rem;}
	/*div.whatofferinfopaneltitle,div.whatofferinfopanelbody {font-size: 1.25rem;}*/
}

@media only screen and (max-width: 599px)
{
	/*div.whatoffersection {height: 105rem;}*/
	/*div.whatofferintro1 {font-size: 2.5rem;}*/
	/*div.whatofferintro2 {font-size: 1.25rem;}*/
	div.whatofferintro2 {display: block; width: 90%; margin-left: auto; margin-right: auto;}
	/*div.whatofferinfocontain {position: absolute; top: 17rem;}*/
	div.whatofferinfocontain {height: 88rem;}
	div.whatofferinfocontainlft1 {width: 100%; height: 22rem; top: 0rem; left: 0rem;}
	div.whatofferinfocontainrgt1 {width: 100%; height: 22rem; top: 22rem; left: 0rem;}
	div.whatofferinfocontainlft2 {width: 100%; height: 22rem; top: 44rem; left: 0rem;}
	div.whatofferinfocontainrgt2 {width: 100%; height: 22rem; top: 66rem; left: 0rem;}
	div.whatofferinfopanellft {width: 90%; height: 22rem; right: 5%;}
	div.whatofferinfopanelrgt {width: 90%; height: 22rem; left: 5%;}
	img.whatofferinfopanelimg {width: 10rem; height: 10rem;}
	/*div.whatofferinfopaneltitle,div.whatofferinfopanelbody {font-size: 1.25rem;}*/
}