.rdd_menu {
	background-color: #fff;
	
	max-width: 100vw;
	max-height: 50vh;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	overflow-x: hidden;
	overflow-y: auto;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	
	box-shadow: -3px 3px 8px 0px rgba(0,0,0,0.7);
}

.rdd_menu button.close {
	display: none;
}

.rdd_menu a {
	color: #000;
	text-decoration: none;
}









@media only screen and (orientation: portrait) {
	
	.rdd_menu {
		max-width: none;
		max-height: none;
		width: 100vw;
		height: 100vh;
		padding: 2.5rem 0;
		
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		
		box-shadow: none;
		
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
	}
	
	.rdd_menu button.close {
		display: block;
		
		width: 2.5rem;
		height: 2.5rem;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		
		position: absolute;
		top: 0;
		right: 0;
		
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}
	
}