.bx-pager-item a.active, .bx-pager-item a:hover{background:none repeat scroll 0 0 #ff3978!important;}

		@media screen and (min-width: 1024px){
			#content h1{font-weight:800;line-height:70px;text-align:left;font-size:80px;margin-left:2%;}
			#main{margin-top:60px;}
		}

		@media screen and (max-width: 1024px){
			#page{margin:0; width:100%;}
			.grid_12{margin:0; width:98%!important; padding-left:2%;}
			.grid_6{margin:0 0 0 2%;}
		}

		@media screen and (max-width: 900px){
			#content h1{font-weight:800;line-height:45px;text-align:left;font-size:40px;margin-bottom: 25px; display:inline-block; width:49%;margin-top: 25px;}
			#main{margin-top:50px;}
			#site-navigation{left:160px;top:80px}
			.social{top:40px;right:50px;}
			body{left:0%;-webkit-transition: left 0.5s ease;width: 100%;margin: 0;min-width: 0;background: url(http://www.dinerclub.fr/wp-content/supersized-slides/bg.jpg) repeat;}
			#page{margin: 0; width: 100%;}
			.grid_12{margin: 0; float: none;}
			.grid_6{float: none;}
			.bx-wrapper{width:40%;float:left;margin:0 2% 50px 2%;display:inline-block;}
			.bx-wrapper li{width: 40%;}
			.bx-wrapper li img{width:100%}
			.bx-pager.bx-default-pager{width: auto;}
			#content h2{display:block;line-height:30px;font-size:26px;font-weight: 100;margin-top: 30px;padding-left:2%;}
			.home_content h3{padding: 2%;line-height: 25px;font-size: 22px;font-weight: 100;}
			#main p{padding: 2%; font-size: 20px;}
			.see_pics{margin-top:0;width:auto;font-size: 22px; padding:10px 0;}
			#supersized li{display: none;}
		}

		@media screen and (max-width: 720px){
			body{left:0%;-webkit-transition: left 0.5s ease;width: 100%;margin: 0;min-width: 0;background: url(http://www.dinerclub.fr/wp-content/supersized-slides/bg.jpg) repeat;}
			#page{margin: 0; width: 100%;}
			.grid_12{margin: 0; float: none;}
			#content h1{margin-bottom: 0; text-align:center;font-size: 24px; font-weight:100; margin-bottom: 10px !important;width: 97%;}
			#content h1 strong{font-weight:100;}
			#main{margin:0;}
			.grid_6{float: none;}
			.bx-wrapper{width:85%;float: none; margin: auto; display: block;}
			.bx-wrapper li{width: 85%;}
			.bx-wrapper li img{width:100%}
			.bx-pager.bx-default-pager{width: auto;}
			#content h2{display:block;line-height:30px;font-size:24px;font-weight: 100;margin-top: 30px;}
			.home_content h3{padding: 2%;line-height: 25px;font-size: 20px;font-weight: 100;}
			#main p{padding: 2%; font-size: 16px;}
			.see_pics{margin-top:0;width:auto;font-size: 20px;}
			#supersized li{display: none;}
		}