@media all and (max-width : 896px) {
	.cookies {
		width: 75%;
		height: 15%;
		right: 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px 0px 0px 0px;
	}
	
	.cookiebutton {
		font-size: 2.8vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
}

@media all and (min-width : 430px) and (max-width : 1280px) and (orientation: landscape) {
	.cookies {
		width: 50%;
		height: 20%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 0px 10px 0px 0px;
	}
	
	.cookiebutton {
		font-size: 1.3vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
}

@media all and (min-width : 430px) and (max-width : 850px) and (orientation: portrait) {
	.cookies {
		width: 70%;
		height: 12%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px 0px 0px 0px;
	}
	
	.cookiebutton {
		font-size: 2.0vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
}

@media screen and (min-width: 320px) and (max-width: 915px) and (orientation: landscape) {
	.cookies {
		width: 50%;
		height: 22%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px 0px 0px 0px;
	}
	
	.cookiebutton {
		font-size: 1.5vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
}

@media screen and (max-width: 162px) and (orientation: landscape) {
	.cookies {
		width: 100%;
		height: 30%;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;  
		border-radius: 0px;
	}
	
	.cookiebutton {
		margin-right: 7%;
		margin-bottom: 5%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
}