#contents h2{
	margin:5% 0;
}
.buttonA{
	float:left;
	width:40%;
	margin:0 5rem;
}
.buttonB{
	float:left;
	width:40%
}
.buttonsx >nav>ul>li>a> img {
	margin:0 5px 0 0;
	width:1.6rem;
	height:1.6rem;
}
.buttongroup > header {
	border:none;
}
.buttongroup header>article, header>article>section {
	width:100% !important;
	top: 15px !important;
}
header .buttonsx>nav>ul>li a{
	padding: 0 0 0 10px !important;
}
.docin{
	margin:5% 5%;
	padding:5px 10px;
    line-height: 30px;
/*
	background-color:#B0D5A8;
	border-top:2px solid #437237;
	border-bottom:2px solid #437237;
	color:#38602F;
*/
	background-color:#437237;
	border-top:3px double #bcd36c;
	border-bottom:3px double #bcd36c;
	color:#ffffff;

}
@media screen and (min-width: 769px) {
	.buttonA{
		float:none;
		width: 85%;
		margin: 0 50px;
	}
	.buttonB{
		float:none;
		width: 85%;
		margin: 0 50px;
	}
}
@media screen and (min-width: 641px) and (max-width: 768px) {
	.buttonA{
		float:none;
		width: 85%;
		margin: 0 50px;
	}
	.buttonB{
		float:none;
		width: 85%;
		margin: 0 50px;
	}
	.buttongroup header .menu{
		position: static;
		display:inline;
	}
	.buttongroup header{
		box-shadow: none;
	}
	.buttongroup header>article, .buttongroup header>article>section {
		width:420px !important;
		top: 10px !important;
	}
	.buttongroup header .buttonsx>nav>ul>li a{
		font-size:18px;
	}
}
@media screen and (max-width: 640px) {
	.buttonA{
		float:none;
		width:40%;
		margin:0 0 20px 0;
	}
	.buttonB{
		float:none;
		width:40%;
		margin:0 0;
	}
	.buttongroup header .menu{
		position: static;
		display:inline;
	}
	.buttongroup header>article, .buttongroup header>article>section {
		width:355px !important;
		top: 10px !important;
	}
	.buttongroup header .buttonsx>nav>ul>li a{
		font-size:15px;
	}
}