#guidebook{
	background-color:rgb(230, 227, 224);
	padding:20px;
	padding-top:18px;
	padding-bottom:45px;
}

#guidebook h2{
	font: 16px/20px Arial;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #666666;
	margin-bottom: 27px;
}

#guidebook img{
	margin-top: 20px;
}

#guidebook p{
	font: 14px/20px Georgia;
	color: #3E3E3E;
}

#guidebook .left{
	float: left;
	width:50%;
}

#guidebook .right{
	float: right;
	width:50%;
}

#bmz-logo{
	width: 50%;
}

#guidebook-img{
	float: left;
	width: 50%;
	margin-right:20px;
}

#guidebook a, #guidebook a:visited{
	text-decoration: none;
	font: 14px/20px Georgia;
	color: #0087EB;
}

#guidebook .right p, #bmz-logo{
	margin-left:20px;
}

#guidebook .mobile{
	border:1px solid #BBBBBB;
	border-top: 0;
	display:none;
}

@media (max-width:640px){
	#guidebook h2{
		padding-top: 2.34375vw;
		margin-bottom: 2.34375vw;
		font-size: 4.375vw;
		line-height: 4.375vw;
	}
	#guidebook h3{
		margin-top: 9.375vw;
		margin-bottom: 3.125vw;
		font-size: 5vw;
		line-height:5vw;
	}
	#guidebook a, #guidebook p{
		font-size: 4.375vw;
		line-height: 6.25vw;
	}
	#guidebook p{
		margin-bottom: 0;
	}
	#guidebook .left, #guidebook .right{
		width:100%;
		float:none;
		padding-bottom: 4.5875vw;
	}
	#guidebook{
		padding:0;
		padding-left: 3.125vw;
		padding-right: 3.125vw;
	}
	#guidebook .open-close-button{
		right:0;
	}
	#guidebook .right p, #bmz-logo{
		margin-left:0;
	}
	#guidebook img{
		float:none;
		margin:0;
		width:100%;
		margin-top: 6.25vw;
		margin-bottom: 6.25vw;
	}
	#guidebook .mobile{
		display:block;
		margin-bottom: 4.375vw;
	}
}