body {
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
	line-height:30px;
	scroll-behavior: smooth;
}

div.col a#privacy {
	color:#16c19e;
	text-decoration:none;	
	position:absolute;
	top:0;
	right:0;
	background:#0d876e;
	padding:0.25% 1%;
	font-weight:bold;
	border-bottom-left-radius:5px;
}

a#scrollnext {
	position:fixed;
	bottom:5%;
}

div.fullscreensection {
	height:100vh;
	background-repeat:no-repeat;
	background-size:cover;	
	background-position:center top;	
	overflow:hidden;
}

div.gradientoverlay {
	background-image: linear-gradient(to top, rgba(255,255,255,0.95)15%, rgba(255,255,255,0.7)50%, rgba(0,0,0,0)70%);
	width:100%;
	height:100vh;
	box-sizing:border-box;
	position:relative;
}

div.nograd {
	background-image:none;
}

div#wentrowblock {
	background-color:#0b735e;
	text-align:center;
	padding:4%;
	box-sizing:border-box;
}

div#wentrowblock h1 {
	margin:2.5% 0;
	font-size:1.8vw;
	color:#FFF;
}

div#wentrowblock ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#wentrowblock ul li {	
	font-weight:bold;
	margin-bottom:2%;
	margin-right:2%;
	border:2px solid #189b81;	
	width:32%;
	float:left;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	box-sizing:border-box;
}

div#wentrowblock ul li:nth-of-type(3n) {
	margin-right:0;
}

div#wentrowblock ul li a {
	text-decoration:none;
	min-height:22vh;	
	display:block;	
	box-sizing:border-box;
}

div#wentrowblock ul li a span {
	color:#FFF;
	display:block;
	font-size:1.8vw;
	background-image: linear-gradient(to top, rgba(40,40,40,1), rgba(0,0,0,0));
	padding:8% 0 4% 0;
	position:absolute;
	bottom:0;
	width:100%;
}

div#wentrowblock ul li.linkog {
	background-image:url('../images/link-og.jpg');
}

div#wentrowblock ul li.linkerc {
	background-image:url('../images/link-erc.jpg');
	background-position:left top;
}

div#wentrowblock ul li.linkax {
	background-image:url('../images/link-ax.jpg');	
}

div#wentrowblock ul li.linkreg {
	background-image:url('../images/link-reg.jpg');
}

div#wentrowblock ul li.linkbd {
	background-image:url('../images/link-bd.jpg');
}

div#wentrowblock ul li.linkcol {
	background-image:url('../images/link-col.jpg');
}

div#ownersgroupblock {
	background-image:url('../images/background-og.jpg');	
}

div#axomblock {
	background-image:url('../images/background-ax.jpg');
	background-position:90% top;	
}

div#registrationsblock {
	background-image:url('../images/background-reg.jpg');		
}

div#bigdiviblock {
	background-image:url('../images/background-bd.jpg');	
}

div#eliteracingclubblock {
	background-image:url('../images/background-erc.jpg');
	background-position:center top;
}

div#collecticusblock {
	background-image:url('../images/background-col.jpg');
}

div.container {
	position:absolute;
	bottom:0;
	width:100%;
	box-sizing:border-box;
}

div.left {
	position:absolute;
	bottom:0;
	left:0;
	width:82%;
	padding:4%;
	box-sizing:border-box;
}

div.right {
    position:absolute;
	bottom:0;
	width:18%;
	right:0;
	text-align:center;
	padding:4%;
	box-sizing:border-box;
}

div.right a {
	text-decoration:none;
}

div.right a img {
	width:100%;
	max-width:118px;
	margin-bottom:5%;
}

div.right a span {
	display:block;
	text-transform:uppercase;	
	font-weight:bold;
	color:#000;
	font-size:18px;
	line-height:normal;
}

div.container div.left h1 {
	text-transform:uppercase;
	font-size:3.25vw;
	margin:4% 0 2.5% 0;	
}

div.container div.left h1 span.og {
	color:#3e1969;
}

div.container div.left h1 span.erc {
	color:#0184c1;
}

div.container div.left h1 span.reg {
	color:#ffed00;
}

div.container div.left h1 span.ax {
	color:#013a73;
}

div.container div.left h1 span.bd {
	color:#d0121c;
}

div.container div.left h1 span.col {
	color:#93160e;
}

div.container div.left a {
	border:none;
}

div.container div.left p {
	margin:0;
	padding:0;
	font-size:20px;
}

img.logo {
	max-width:350px;
	width:40%;
}

img.logobd {
	max-width:250px;
	width:40%;
}

div.nograd div.left, div.nograd div.right a span  {
	color:#FFF;
}

div.content {
	background:#FFF;
	text-align:left;
	width:60%;
	margin:2% auto 0 auto;
	line-height:22px;
	overflow:auto;
	padding:2%;
	box-sizing:border-box;
	border-radius:8px;
}

div#wentrowblock div.content h1 {
	color:#0b735e;
	margin-top:0;
	font-size:22px;
}

div#wentrowblock div.content h2 {
	color:#0b735e;
	font-size:18px;
}

a.contentlink {
	font-weight:bold;
	text-decoration:none;
	color:#0b735e;
}

.videowrapper {
    position: relative;
    padding-bottom: 54.5%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 1024px) {

	div.left, div.right {
		position:relative;
		width:100%;
		padding-left:6%;
		padding-right:6%;
	}
	
	div.left {
		text-align:center;
	}
	
	div.right {
		padding-top:0;
		padding-bottom:6%;
	}
	
	div.right a img {
		margin-bottom:1.5%;
		max-width:70px;
	}
	
	div.container div.left h1 {
		font-size:6vw;
		line-height:6vw;
		margin:3% 0 1.5% 0;
	}
	
	div.container div.left h1 span {
		display:block;	
	}
	
	img.logo {
		max-width:300px;
	}
	
	div#wentrowblock h1 {
		font-size:4vw;
	}
	
	div.content {
		width:100%;
		margin-top:5%;
		padding:6%;
	}
	
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {	

	div.left {
		position:absolute;
		bottom:0;
		left:0;
		width:82%;
		padding:4%;
		box-sizing:border-box;
		text-align:left;
	}
	
	div.right {
	    position:absolute;
		bottom:0;
		width:18%;
		right:0;
		text-align:center;
		padding:4%;
		box-sizing:border-box;
	}

	div.container div.left h1 {
		font-size:4vw;
		line-height:4vw;
	}
	
	div.container div.left h1 span {
		display:inline;	
	}
	
	img.logo {
		max-width:200px;
	}
	
	img.logobd {
		max-width:180px;
		width:auto;
		max-height:35vh;
	}
	
}

@media only screen and (min-width: 640px) and (max-width: 1024px) and (orientation: landscape) {
	
	div.container {
		bottom:5%;
	}
	
	div.left {
		width:75%;
	}
	
	div.right {
		width:25%;
	}

}

@media only screen and (max-width: 1024px) and (orientation: portrait) {

	div#wentrowblock ul li {		
		width:49%;
	}
	
	div#wentrowblock ul li:nth-of-type(2n) {
		margin-right:0;
	}
	
	div#wentrowblock ul li:nth-of-type(3) {
		margin-right:2%;
	}
	
	div#wentrowblock ul li a span {
		font-size:3.5vw;
	}
	
	div#wentrowblock ul li a {
		min-height:22vh;
	}

}

@media only screen and (min-width: 640px) and (max-width: 1024px) and (orientation: portrait) {
	
	div.right {
		padding-bottom:15%;
	}	

}

@media only screen and (max-width: 640px) {
	
	div.gradientoverlay {
		background-image: linear-gradient(to top, rgba(255,255,255,0.95)25%, rgba(255,255,255,0.8)60%, rgba(0,0,0,0)70%);
	}
	
	div.nograd {
		background-image:none;
	}
		
	div.container div.left h1 {
		font-size:8vw;
		line-height:9vw;
	}
	
	div.right {
		padding-bottom:30%;
	}
	
	img.logo {
		max-width:300px;
		width:60%;
	}
	
	div#wentrowblock ul li {		
		width:49%;
	}
	
	div#wentrowblock ul li:nth-of-type(2n) {
		margin-right:0;
	}
	
	div#wentrowblock ul li:nth-of-type(3) {
		margin-right:2%;
	}
	
	div#wentrowblock ul li a span {
		font-size:3.5vw;
	}
	
	div#wentrowblock h1 {
		font-size:4vw;
	;
	
}

@media only screen and (max-width: 640px) and (orientation: landscape) {

	div.container div.left p {
		display:none;
	}
	
	img.logo {
		max-width:180px;
	}
	
	div.container div.left h1 {
		font-size:5.5vw;
		line-height:5.5vw;
	}
	
	div.left {
		position:absolute;
		bottom:0;
		padding-bottom:4%;
		width:67%;
	}
	
	div.right {
	    position:absolute;
		bottom:0;
		width:33%;
		padding-bottom:4%;
	}
	
	div.right a img {
		margin-bottom:5%;
	}
	
	div.right a span {
		font-size:16px;
	}
	
	div#wentrowblock ul li {		
		width:32%;		
	}
	
	div#wentrowblock ul li:nth-of-type(2n) {
		margin-right:2%;
	}
	
	div#wentrowblock ul li:nth-of-type(3n) {
		margin-right:0;
	}
	
	div#wentrowblock ul li a span {
		font-size:3vw;
	}
	
}

@media only screen and (max-width: 420px) and (max-height: 740px) and (orientation: portrait) {
	
	div.container div.left p {
		display:none;
	}

}

@media only screen and (orientation: portrait) {
	
	div.right a img {
		max-width:50px;
	}
	
	div.col a#privacy {
		font-size:14px;
		padding:0 2%;
	}

}