#whatMenu{
	overflow: hidden;
	background-color: rgba(0,0,0,0.7);
}
@media (orientation: landscape) {
	#whatMenu{
		padding-bottom: 1vh;
		padding-left: 57vw;
	}
}

.whatPointsHeader{
	box-sizing: border-box;
	border: 1px solid #36A8FF;
	background-color: #36A8FF;
	color: white;
}
.whatPointsPoint{
	box-sizing: border-box;
	border: 1px solid black;
	position: relative;
	float: left;
}
.rightPointsColumn{
	overflow:hidden;	
}
.rightPointsHeaderColumn{
	overflow:hidden;
}
.leftPointsColumn{
	overflow:hidden;
	position: relative;
	background-image: url(../images/right.png);
	background-repeat: no-repeat;	
}
.leftPointsHeaderColumn{
	overflow:hidden;
}
.centerPointsColumn{
	overflow:hidden;
	position: relative;
	background-image: url(../images/right.png);
	background-repeat: no-repeat;	
}
.centerPointsHeaderColumn{
	overflow:hidden;
}
@media (orientation: landscape) {
	.rightPointsColumn{
		margin-bottom:2vh;
		padding-right:2.5vh;
	}
	.rightPointsHeaderColumn{
		margin-bottom:2vh;
		padding-right:2.5vh;
	}
	.leftPointsColumn{
		margin-bottom:2vh;
		background-size: 7.5vh;
		background-position: right;
		padding-left:2.5vh;
		padding-right:7.5vh;
	}
	.leftPointsHeaderColumn{
		margin-bottom:2vh;
		padding-left:2.5vh;
		padding-right:7.5vh;
	}
	.centerPointsColumn{
		margin-bottom:2vh;
		background-size: 7.5vh;
		background-position: right;
		padding-right:7.5vh;
	}
	.centerPointsHeaderColumn{
		margin-bottom:2vh;
		padding-right:7.5vh;
	}
	.whatPointsHeader{
		width: 20vh;
		height: 8vh;
		overflow: hidden;
		text-align: center;
		padding:1vh 1vw 1vh 1vw;
		border-radius: 2vh;
	}
	.whatPointsPoint{
		width: 20vh;
		overflow: hidden;
		text-align: center;
		padding:1vh 1vw 1vh 1vw;
		border-radius: 2vh;
	}
}
@media (orientation: portrait) {
	.rightPointsColumn{
		margin-bottom:0.5vh;
	}
	.rightPointsHeaderColumn{
		margin-bottom:0.5vh;
	}
	.leftPointsColumn{
		margin-bottom:0.5vh;
		background-size: 5vw;
		background-position: right;
		padding-right:5vw;
	}
	.leftPointsHeaderColumn{
		margin-bottom:0.5vh;
		padding-right:5vw;
	}
	.centerPointsColumn{
		margin-bottom:0.5vh;
		background-size: 5vw;
		background-position: right;
		padding-right:5vw;
	}
	.centerPointsHeaderColumn{
		margin-bottom:0.5vh;
		padding-right:5vw;
	}
	.whatPointsHeader{
		width: 18vw;
		border-radius: 2vw;
		padding:2vw;
	}
	.whatPointsPoint{
		width: 18vw;
		border-radius: 2vw;
		padding:2vw;
	}
}

#whatDiv{
	background-image: url(../images/bg-main.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	scroll-behavior: smooth;
}
@media (orientation: landscape) {
	#whatDiv{
		height: 90vh;
		overflow-y: auto;
	}
}
@media (orientation: portrait) {
	#whatDiv{
		height: 85vh;
		overflow-y: auto;
	}
}

#whatCustomInternal{
	background-color: white;
	color: #999999;
	box-sizing: border-box;
	overflow: hidden;
}
#whatCustomInternal a{
	color: #999999;
}
@media (orientation: landscape) {
	#whatCustomInternal{
		margin: 5vh 15vw 2.5vh 15vw;
		width: 70vw;
		padding: 3vh 2.5vw;
		font-size: 2vh;
    	line-height: 3vh;
	}
}
@media (orientation: portrait) {
	#whatCustomInternal{
		margin: 5vh 10vw 2.5vh 10vw;
		padding: 5vw;
		font-size: 2.5vw;
    	line-height: 5vw;
	}
}

#whatAnalyticsInternal a{
	color: #999999;
}
#whatAnalyticsInternal{
	background-color: white;
	color: #999999;
	box-sizing: border-box;
	overflow: hidden;
}
@media (orientation: landscape) {
	#whatAnalyticsInternal{
		margin: 5vh 15vw 2.5vh 15vw;
		width: 70vw;
		padding: 3vh 2.5vw;
		font-size: 2vh;
    	line-height: 3vh;
	}
}
@media (orientation: portrait) {
	#whatAnalyticsInternal{
		margin: 5vh 10vw 2.5vh 10vw;
		padding: 5vw;
		font-size: 2.5vw;
    	line-height: 5vw;
	}
}

#whatEye1Internal{
	background-color: white;
	color: #999999;
	box-sizing: border-box;
	overflow: hidden;
}
@media (orientation: landscape) {
	#whatEye1Internal{
		margin: 5vh 15vw 2.5vh 15vw;
		width: 70vw;
		padding: 3vh 2.5vw;
		font-size: 2vh;
    	line-height: 3vh;
	}
}
@media (orientation: portrait) {
	#whatEye1Internal{
		margin: 5vh 10vw 2.5vh 10vw;
		padding: 5vw;
		font-size: 2.5vw;
    	line-height: 5vw;
	}
}

@media (orientation: landscape) {
	#heatmapVideo{
	    width: 50vw;
	    clear: both;
	    margin-left: 7.5vw;
	    margin-top: 3vh;
	}
}
@media (orientation: portrait) {
	#heatmapVideo{
		width: 70vw;
		margin-top: 2vh;
	}
}

@media (orientation: landscape) {
	#howItWorskVideo{
	    width: 50vw;
	    clear: both;
	    margin-left: 7.5vw;
	    margin-top: 3vh;
	}
}
@media (orientation: portrait) {
	#howItWorskVideo{
		width: 70vw;
		margin-top: 2vh;
	}
}