.terms{
	font-size: 14px;
}
.surfingWrap .picture{
	background: url(gembeach.jpg);
	background-size: cover;
	width: 100%;
	display: flex;
	position: relative;
	background-position-x: center;
}
.copyCode{
	margin-bottom: 15px;
}
.numOffer {
	font-size: 120px;
	line-height: 144px;
}
.titleText {
	font-size: 72px;
	margin-top: 6px;
	line-height: 60px;
}
.freeSpins{
	margin-top: 25px;
}
.freeSpins, .freeSpins span{
	font-size: 22px;
}
@media screen and (max-width: 1460px) and (orientation: landscape) and (min-height: 600px){
	.surfingWrap .picture {
		background-position-x: 68%;
	}
	.codeWrap {
		margin-top: 2.98vh;
	}
	.freeSpins, .deposit {
		font-size: 16px;
	}
}
@media screen and (max-width: 1024px) and (orientation: portrait){
	.numOffer, .titleText {
		font-size: 60px;
		line-height: 1;
	}
	.freeSpins span, .deposit {
		text-align: center;
		font-size: 3.375vw;
	}
}
@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px){
	.titleText{
		margin-top: 0;
	}
}
@media screen and (max-height: 450px) and (max-width: 1100px) and (orientation: landscape){
	.numOffer, .titleText {
		font-size: 45px;
	}
	.freeSpins span, .deposit {
		text-align: center;
		font-size: 2.375vw;
	}
	.surfingWrap .picture {
		background-position-y: 10%;
	}
	.numOffer {
		line-height: 1;
	}
	.codeWrap {
		 margin-bottom: 0px;
	}
}
@media screen and (max-width: 470px){
	.numOffer, .titleText{
		font-size: 40px;
		}
	.white .surfingWrap .offerWrap {
		padding-bottom: 10px;
	}
	.freeSpins {
		margin-bottom: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 1;
	}
	.freeSpins span, .deposit{
		font-size: 14px;
	}
	.codeWrap {
		margin-top: 0
	}
	#surfing .surfingWrap .offerWrap{
		padding: 0;
	}
}
@media screen and (max-width: 350px) {
	.numOffer, .titleText {
		font-size: 33px;
	}
}