@media all and (max-width : 896px) {
	
	.menubutton {
		font-size: 6.0vw;
		left: 3%;
		top: 3%;
	}
	
	.openingbutton {
		font-size: 7.0vw;
		left: 2%;
		top: 79%;
	}

	.arrowupbutton, .arrowdownbutton {
		display: none;
	}
	
	.whappbutton {
		font-size: 8.0vw;
		left: 2%;
		top: 86%;
	}
	
	.calendarbutton {
		font-size: 7.0vw;
		left: 2.4%;
		top: 93%;
	}
	
	.announcementbutton {
		font-size: 7.0vw;
		left: 5%;
		top: 9%;
	}
	
	.overlay {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 0px 10px 10px 0px;
	}
	
	.overlay-content {
		top: 10%;
		width: 100%;
	}
	
	.overlay a {
		padding: 8px;
	}

	.overlay .closebtn {
		font-size: 9.0vw;
		left: 1.5%;
		top: 0.5%;
	}
}

@media all and (min-width : 430px) and (max-width : 1280px) and (orientation: landscape) {
	
	.menubutton {
		font-size: 2.5vw;
		left: 1%;
		top: 2%;
	}
		
	.openingbutton {
		font-size: 2.0vw;
		left: 1.15%;
		top: 10%;
	}

	.arrowupbutton, .arrowdownbutton {
		display: none;
	}
	
	.whappbutton {
		font-size: 2.1vw;
		left: 1.25%;
		top: 16%;
	}

	.calendarbutton {
		font-size: 2.0vw;
		left: 1.25%;
		top: 22%;
	}
	
	.announcementbutton {
		font-size: 2.0vw;
		left: 1.75%;
		top: 30%;
	}
	
	.overlay {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 0px 10px 10px 0px;
	}
	
	.overlay-content {
		top: 10%;
		width: 100%;
	}
	
	.overlay a {
		padding: 8px;
	}

	.overlay .closebtn {
		font-size: 4.0vw;
		left: 3%;
		top: 0;
	}
}

@media all and (min-width : 430px) and (max-width : 850px) and (orientation: portrait) {
	
	.menubutton {
		font-size: 4.0vw;
		left: 2%;
		top: 2%;
	}
	
	.openingbutton {
		font-size: 4.0vw;
		left: 1.5%;
		top: 85%;
	}

	.arrowupbutton, .arrowdownbutton {
		display: none;
	}
	
	.whappbutton {
		font-size: 4.1vw;
		left: 1.7%;
		top: 90%;
	}
	
	.calendarbutton {
		font-size: 4.1vw;
		left: 1.7%;
		top: 95%;
	}
	
	.announcementbutton {
		font-size: 4.1vw;
		left: 3%;
		top: 9%;
	}
	
	.overlay {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 0px 10px 10px 0px;
	}
	
	.overlay-content {
		top: 10%;
		width: 100%;
	}
	
	.overlay a {
		padding: 8px;
	}

	.overlay .closebtn {
		font-size: 7.0vw;
		left: 2%;
		top: 0.75%;
	}
}