@charset "utf-8";
/* CSS Document */


label span {
	display:inline-block;
	background-color:#8c8c8c;
	padding:.5em 1.5em;
	border-radius: 4px;
	color:#fff!important;
    width: 50%;
    margin: 0 auto;
}
.acd-check{
    display: none;
}
.acd-label{
	font-weight:bold;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
	line-height:1.4;
	vertical-align:20%;
	text-align:center;
	text-align:center;margin-top: 1.5rem;	
}
.acd-label span::before,
.acd-label span::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color:#fff;
  padding-right:5px;
  padding-left:5px;
}
.acd-content{

    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label span:before,
.acd-check:checked + .acd-label span:after{
    content: '\f106';
    font-family: "Font Awesome 5 Free";
	font-weight:900;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

@media only screen and (max-width: 750px) {
label span {
width: 90%;
}
}