@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
	font-family: 'ubuntu', sans-serif;
	margin-bottom: 0px;
	line-height: 12px;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
margin-top:1px;
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left:10px;
}

button.accordion.active:after {
margin-top:1px;
    content: "\2212";
}

div.panel {
    padding: 0 22px;
    background-color: #f1f1f1;
	
    max-height: 5px;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}
.companybrand{
font-family: 'ubuntu', cursive, Arial, serif; 
letter-spacing:2px;
text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
width:166px;
color:white;

}
.companybrand img{
float:left;
height:20px;
width:20px;
margin-right:5px;
}
.companybrand span{
float:left;
 float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 22px;
  font-weight: 200;
  line-height: 1;
  color: #f5f5f5;
}
.companyfy{
font-family: 'karla', cursive, Arial, serif; 
letter-spacing:2px;
text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
width:166px;
color:white;

}
.companyfy span{
float:left;
 float: left;
  display: block;
  padding: 12px 20px 12px;
  margin-left: -20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #f5f5f5;
  text-decoration: underline;
}
0