@font-face {
		font-family: 'GTWalsheim';
		src: url('https://www.citygym.pl/shared/fonts/GT_Walsheim_Regular_1_.otf') format('opentype');
		font-weight: 400;font-style: normal;
	}
	@font-face {
		font-family: 'GTWalsheim';
		src: url('https://www.citygym.pl/shared/fonts/GT_Walsheim_Thin_2_.otf') format('opentype');
		font-weight: 300;font-style: normal;
	}

	.headerMenuWrapper{
		position:fixed;
		display:block;
		width:100%;
		z-index:999;
		height: 100px;
		background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	}
	.headerMenu ul li a{
		font-size: 0.8em;
		color: white;
		text-decoration: none;
	}
	.navOpen{
		background-image:url(../img/hamburger-white.svg);
	}
	.free-pass-top{
		background-image: url(./../img/top.jpg);
		background-size: cover;
		background-attachment: fixed;
		text-shadow: 0 0 25px rgba(0,0,0,.5);
		background-position: top center;
	}
	.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;
	}
	.partner-cards {
		margin-top:50px;
	}
	.partner-cards .subPageHeader {
		text-align:center;
	}
	.partner-card {
		width:25%;
		display:inline-block;
		padding:5px;
	}
	.partner-card p {
		text-align:center;
		line-height:160px;
		border-radius:15px;
		background:#fefefe;
		margin:0px;
	}
	.partner-card p img {
		width:80%;
		height:auto;
	}
	.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('./../img/demo-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;
	}

	.dwform {
		padding: 10px 20px;
		background: rgba(255,255,255,.5);
		color: black;
		float: left;
	}

	.dwcol2 {
		width: 49%;
	}

	.sectionHeader{
		padding:0;
		font-size: 5rem;
		font-family:'Oswald';
		font-weight:700;
		color:#666;
	}
	.sectionHeader.hasbottomborder{
		border-bottom:1px solid #666;
		margin-bottom:20px;
	}

	.sectionBgDark .sectionHeader {
		color: #FFF;
		border-bottom: 1px solid;
		margin-bottom: 20px;
	}

	.item_header {
		font-family: 'Oswald';
		border-bottom: 1px solid #666;
		font-size: 1.3em;
		font-weight: normal;
		padding: 10px;
	}

	.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;
		}
	}
	@media (max-width: 760px) {
		.partner-card {
			width:50%;
		}
	}