body {
  padding-top: 100px;
}
	
.div-1 {
	background-color: #EBEBEB;
}

.som {
	font-size: 10vh;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.tijd {
	font-size: 16px;
	font-weight: bold;
	color: blue
}

.butt {
	border: 1px outset blue;
	background-color: lightBlue;
	height: 8vw;
	width: 8vw;
	cursor: pointer;
}

.butt:hover {
	background-color: blue;
	color: white;
}

.buttlarge {
	border: 1px outset blue;
	background-color: lightBlue;
	height: 10vw;
	width: 40vw;
	cursor: pointer;
}

.buttlarge:hover {
	background-color: blue;
	color: white;
}

.buttstart {
	border: 1px outset blue;
	background-color: yellow;
	height: 10vw;
	width: 40vw;
	cursor: pointer;
}

:root {
	touch-action: pan-x pan-y;
	height: 100%
}

@media (max-width: 800px) {
	.som {
		font-size: 8vh;
		font-weight: bold;
	}

	.tijd {
		font-size: 5vh;
		font-weight: bold;
		color: red
	}

	.butt {
		border: 1px outset blue;
		background-color: lightBlue;
		height: 15vw;
		width: 15vw;
		cursor: pointer;
	}

	.butt:hover {
		background-color: blue;
		color: white;
	}

	.buttlarge {
		border: 1px outset blue;
		background-color: lightBlue;
		height: 10vw;
		width: 40vw;
		cursor: pointer;
	}

	.buttlarge:hover {
		background-color: blue;
		color: white;
	}

	.buttstart {
		border: 1px outset blue;
		background-color: yellow;
		height: 10vw;
		width: 40vw;
		cursor: pointer;
	}
}