body{color:#32393A;}

img{max-width:100%; height:auto;}

footer{background:#323A3B; }

a{color:#90C346;}
a:hover{color:#000000; text-decoration:none;}

h1, h2, h3{color:#32393A;}

/* Selection */
.selection-1{
	padding:6%;
	background: #B9D254;
	background: -moz-linear-gradient(top, #ffffff 0%, #B9D254 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#B9D254));
	background: -webkit-linear-gradient(top, #ffffff 0%,#B9D254 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#B9D254 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#B9D254 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#B9D254 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#B9D254',GradientType=0 );
}
.selection-2{
	padding:6%;
	background: #BDC0C1;
	background: -moz-linear-gradient(top, #ffffff 0%, #BDC0C1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#BDC0C1));
	background: -webkit-linear-gradient(top, #ffffff 0%,#BDC0C1 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#BDC0C1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#BDC0C1 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#BDC0C1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BDC0C1',GradientType=0 );
}
.selection-3{
	padding:6%;
	background: #71B7E5;
	background: -moz-linear-gradient(top, #ffffff 0%, #71B7E5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#71B7E5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#71B7E5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#71B7E5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#71B7E5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#71B7E5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#71B7E5',GradientType=0 );
}

.selection-box{background:#ffffff; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; text-align:center; }

.selection-box h1{font-size:18px; line-height:1.2em; color:#ffffff; margin:0; padding:25px 30px;}
.selection-1 .headline{background:#A2C31C;}
.selection-2 .headline{background:#A7ABAC;}
.selection-3 .headline{background:#429FDD;}

.selection-box .theme{max-width:auto; width:100%;}
.selection-box .logo{padding:25px 30px; }

.selection-box .text{text-align:left; }
.selection-box .text p{font-size:16px; padding:0 30px; margin:0;}

.selection-box .link{text-align:left; margin:10px 0 20px 0;}
.selection-box .link i{margin-right:5px; }
.selection-box .link a{font-size:16px; padding:0px 30px;}
.selection-3 .selection-box .link a{color:#409FDD;}
.selection-3 .selection-box .link a:hover{color:#000000;}

/* Description */
.description{background:#EAEBEB;}
.description-box{padding:3%; text-align:center; color:#878787;}
.description-box h2{margin-top:0;}
.description-box p{line-height:1.9em; font-size: 17px;}


/* Footer */
.footer-box{}
.footer-box ul{list-style:none; margin:15px 0; padding:0; text-align:center;}
.footer-box ul li{list-style:none; margin:0; padding:0 10px; line-height:1em; display:inline-block; color:#ffffff; border-left:1px solid #ffffff;}
.footer-box ul li:first-child{border-left:none;}

.footer-box a{color:#ffffff;}
.footer-box a:hover{color:#ffffff;}






@media (min-width: 768px) {

	.selection-box{ height:100%;}
	.selection-box .headline{height:80px; display:table; width:100%;}	
	.selection-box .headline h1{display:table-cell; vertical-align:middle; padding:0 30px;}

	.selection-box .logo{height:120px; position:relative;}
	.selection-box .logo img{margin:auto; position:absolute; top:0; left:0; bottom:0; right:0; padding:0 30px;}

	.selection-box .headline{height:70px; display:table; width:100%;}	
	.selection-box .headline h1{display:table-cell; vertical-align:middle; padding:0 30px;}

	.selection-box .text{height:100px; display:table; width:100%;}	
	.selection-box .text h1{display:table-cell; vertical-align:middle; padding:0 30px;}

	.selection-box .link{height:60px; display:table; width:100%; margin:0;}	
	.selection-box .link a{display:table-cell; vertical-align:middle; padding:0 30px; }


	.selection-1,
	.selection-2,
	.selection-3{padding:3%;}

}



@media (min-width: 1600px) {

	.selection-box .text{height:80px; }	
	.selection-box .text p{font-size:18px; }

	.selection-box .link a{font-size:18px;}

	.selection-1,
	.selection-2,
	.selection-3{padding:6%;}
}