
	
	
	.free-pass-top{
		background-image: url(./../../../shared/free-entry/top.jpg);
		background-size: cover;
		background-attachment: fixed;
		text-shadow: 0 0 25px rgba(0,0,0,.5);
	}
	.free-pass-top h1,
	.free-pass-top h2,
	.free-pass-top h3{
		margin:0;
		line-height:110%;
		color:white;
	}
	.free-pass-top h1{
		font-size: 4rem;
	}
	.free-pass-top h2{
		font-size: 1.8rem;
	}
	a.free-pass-top{
		display: inline-block;
		padding: 10px 15px;
		background: red;
		font-weight: bold;
		color: white;
	}
	.free-pass-top .subpage{
		padding:200px;
	}
	.benefits-zones-wrap, 
	.demo-card-wrap,
	.demo-card-l, 
	.demo-card-r{
		display:flex;
	}
	.demo-card-l, 
	.demo-card-r{
		padding:10px 0;
	}
	.demo-card-l{
		width:50%;
		background-image:url(./../../../shared/free-entry/card.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.demo-card-r{
		width:50%;
	}
	.demo-card-r ul, 
	.demo-card-r ul li{
		margin:0;
	}
	.demo-card-r li{
		list-style: none;
		padding: 0;
		font-family: roboto;
		font-size: 1em;
	}
	.demo-card-r li img{
		width: 90px;
		height:auto;
	}
	.benefits,
	.zones{
		display:block;
		width:100%;
	}
	.benefits ul, 
	.zones ul {
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		width:100%;
	}
	.benefits ul li,
	.zones ul li {
		display: inline-block;
		width: 20%;
		vertical-align: top;
		margin: 20px 5px;
		min-width: 180px;
	}
	.benefits ul li img,
	.zones ul li img {
		width: 33%;
		height:auto;
	}
	
	.demo-image img{
		width:100%;
		height:auto;
	}
	
	.demo-stripe img{
		width: 33.33%;
		height: auto;
	}

	@media (max-width: 1440px) {
		.demo-card-r li{
			font-size: .7em;
		}
		.demo-card-r li img{
			width: 70px;
			height:auto;
		}
	}
	@media (max-width: 1200px) {
		.demo-card-r li img{
			width: 50px;
			height:auto;
		}
	}
	
	@media (max-width: 880px) {
		.demo-card-wrap{
			display:block;
		}
		.demo-card-l{
			height:200px;
		}
		.demo-card-l, 
		.demo-card-r{
			width:100%;
			padding:20px 0;
			display:block;
		}
		.demo-card-r li img{
			width: 50px;
			height:auto;
		}
		.demo-stripe img{
			width:100%;
		}
	}
	
	
	