.logo {
	margin-bottom: 12.889vh;
}
.terms p{
	font-size: 14px;
}
.surfingWrap .picture{
	background: url(paris.jpg);
	background-size: cover;
	width: 100%;
	display: flex;
	position: relative;
	background-position-x: center;
}
.copyCode{
	margin-bottom: 20px;
}
.freeSpins{
	margin-top: 25px;
}
@media screen and (max-width: 1460px) and (orientation: landscape) and (min-height: 600px){
	.surfingWrap .picture {
		background-position-x: 68%;
	}
	.codeWrap {
		margin-top: 2.98vh;
	}
}
@media screen and (max-width: 1024px) and (orientation: portrait){
	.freeSpins span, .deposit {
		text-align: center;
	}
}
@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px){
	.surfingWrap .picture {
		background: url(paris.jpg);
		background-size: 207%;
		background-position: 27% 0%;
	}
}
@media screen and (max-height: 450px) and (max-width: 1100px) and (orientation: landscape){
	.freeSpins span, .deposit {
		text-align: center;
	}
	.surfingWrap .picture {
		background-position-y: 10%;
	}
	.codeWrap {
		 margin-bottom: 60px;
	}
	.surfingWrap .picture {
		background: url(paris.jpg);
		background-size: 127%;
		background-position: -50% 10%;
	}
	.picture {
		min-height: 305px;
	}
}
@media screen and (max-width: 470px){
	.white .surfingWrap .offerWrap {
		padding-bottom: 10px;
	}
	.freeSpins {
		margin-bottom: 25px;
		margin-top: 15px;
	}
	.codeWrap {
		margin-top: 0;
		margin-bottom: 0;
	}
	#surfing .surfingWrap .offerWrap{
		padding: 50px 0 35px 0;
	}
	.offer {
		text-align: center;
	}
	.surfingWrap .picture {
		background: url(parisMob.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.surfingWrap .offerWrap {
		min-height: initial;
	}
	.copyCode{
		margin-top: 30px;
	}
}
@media screen and (max-width: 350px) {
}