#accordion {
 width:98%;
 /*margin:10px auto;*/
 border:2px solid white;
 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}

#accordion h2 {
 cursor:pointer;
 margin:0px 0px;
 padding:7px 15px;
/* background-color:#620D0A;*/
 font:bold 12px Verdana,Arial,Sans-Serif;
    color: #fff;
    background-color: #6a737b;
    border-bottom: 3px solid #383838;
 /*text-shadow:0px 1px 0px rgba(0,0,0,0.4);*/
}

#accordion .content {
/* background-color:#F5ECE5;*/
 padding:10px 15px;
 color:#000000;
 height:auto;    
}

#accordion h2.active {
 background-color:#357ebd;  
 color:#FFFFFF;
}

#accordion ul {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:14px;
    font-size:1em;
}
#accordion ul li {
    padding-top: 0px; 
    padding-bottom: 2px; 
}

#accordion2 {
 width:98%;
 /*margin:10px auto;*/
 border:2px solid white;
 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}

#accordion2 h2 {
 cursor:pointer;
 margin:0px 0px;
 padding:7px 15px;
/* background-color:#620D0A;*/
 font:bold 12px Verdana,Arial,Sans-Serif;
  color: #fff;
    background-color: #6a737b;
    border-bottom: 3px solid #383838;
 /*text-shadow:0px 1px 0px rgba(0,0,0,0.4);*/
}

#accordion2 .content {
/* background-color:#F5ECE5;*/
 padding:10px 15px;
 color:#000000;
 height:auto;    
}

#accordion2 h2.active {
 background-color:#357ebd;  
 color:#FFFFFF;
}
#accordion2 ul {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:14px;
    font-size:1em;
}
#accordion2 ul li {
    padding-top: 0px; 
    padding-bottom: 2px; 
}



#accordion3 {
 width:98%;
 /*margin:10px auto;*/
 border:2px solid white;
 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
 box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}

#accordion3 h2 {
 cursor:pointer;
 margin:0px 0px;
 padding:7px 15px;
/* background-color:#620D0A;*/
 font:bold 12px Verdana,Arial,Sans-Serif;
   color: #fff;
    background-color: #6a737b;
    border-bottom: 3px solid #383838;
 /*text-shadow:0px 1px 0px rgba(0,0,0,0.4);*/
 text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}

#accordion3 .content {
/* background-color:#F5ECE5;*/
 padding:10px 15px;
 color:#000000;
 height:auto;    
}

#accordion3 h2.active {
 background-color:#357ebd;  
 color:#FFFFFF;
}
#accordion3 ul {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:14px;
    font-size:1em;
}
#accordion3 ul li {
    padding-top: 0px; 
    padding-bottom: 2px; 
}



@media screen and (max-width: 768px) {
    
    #accordion h2 {

 font:bold 10px Verdana,Arial,Sans-Serif;
 
} }


@media screen and (orientation:landscape) and (max-width: 768px) {
    
    
    #accordion h2 {

 font:bold 10px Verdana,Arial,Sans-Serif;
 
}

#accordion .content {
background-color: #F5ECE5;
padding: 10px 0px;
color: #000000;
height: auto;
 
}
 
}



@media screen and (max-width: 320px) {
      
    #accordion h2 {

 font:bold 10px Verdana,Arial,Sans-Serif;}
 
 #accordion .content {
background-color: #F5ECE5;
padding: 10px 0px;
color: #000000;
height: auto;
 
}}