.ac-container{
width:auto;
margin:20px 0px 20px 0px;
text-align: right;
color: #fff;


font-family: 'Open Sans', verdana;
font-size:18px;
line-height:25px;
font-weight:300;
}


.ac-container label{
border-bottom:10px solid #bb2e2c;
padding:20px 40px 16px 40px;
margin-bottom:30px;
position: relative;
float:right;
z-index: 20;
display: block;
height: auto;
cursor: pointer;
background-color: #7e1210;
}

.ac-container label:hover{
background: #bb2e2c;
}

.ac-container input:checked + label{
background: #f5f1e5;
color: #f5f1e5;
font-size:10px;
padding:20px 60px 16px 40px;
border-bottom:0px;
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
right: 2%;
top: 2%;	

}


.ac-container input:checked + label {
background: url(../../images/arrow_up.png) no-repeat right center;
}

.ac-container input{
display: none;

}

.ac-container article{
margin-top: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;


clear:right;
border-bottom:1px solid #706f6f;}


.ac-container input:checked ~ article{
height: auto;
padding: 0px 0px 30px 0px;
}


















@media screen and (max-width:1000px) and (orientation:portrait) {  
			    


.ac-container{
width:90%;
margin:5%;
font-size:44px;
line-height:55px;
text-align: center;
}

.ac-container label{
width:100%;
padding:20px 0px 16px 0px;
margin-bottom:30px;
position: relative;
clear:right;
z-index: 20;
display: block;
height: auto;
cursor: pointer;
background-color: #7e1210;
}





			
}