@charset "UTF-8";
/* CSS Document */

a {
	color:#F00;
	font-size:250%;
	font-family: 'Zeyada', cursive;
	position: absolute;
  	transform: translate(-50%, -50%);
	z-index: 2;
	}

.mystory{
	top: 50%;
  	left: 20%;
	}
	
.catering{
	top: 20%;
  	left: 40%;	
	}
	
.tuinplaas{
	top: 80%;
  	left: 40%;
	}	
	
.OtherThing1{
	top: 80%;
  	left: 60%;
	}
	
.art{
	top: 20%;
  	left: 60%;
	}

.contact{
	top: 50%;
  	left: 80%;
	}

.name{
	top: 20%;
	left: 50%;
	}

@media screen and (max-width: 1100px) {
a {
	font-size:200%;
	}
.mystory{
	top: 50%;
  	left: 20%;
	}
	
.catering{
	top: 20%;
  	left: 20%;	
	}
	
.tuinplaas{
	top: 80%;
  	left: 20%;
	}	
	
.OtherThing1{
	top: 80%;
  	left: 80%;
	}
	
.art{
	top: 20%;
  	left: 80%;
	}

.contact{
	top: 50%;
  	left: 80%;
	}

.name{
	top: 20%;
	left: 50%;
	}
	}