.bg-color {
    background-color:	hsl(38, 30%, 28%) !important;background: hsl(38, 30%, 28%) !important;
}
.t-color {
    color:	hsl(38, 30%, 28%) !important;background-color: rgb(238, 238, 238);
}
a .bg-color {
    background-color: hsl(38, 30%, 28%) !important;background: hsl(38, 30%, 28%) !important;
}
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
	background: #f0f8ff;
  font-family: 'Roboto', sans-serif; 
}
.accordion {
    background: hsl(38, 30%, 28%) !important;
    margin: 0 auto;
    border-radius: 3px;
    box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);
}
.heading {
    color: #FFF;
    font-size:14px;
    border-bottom: 1px solid #e7e7e7;
	letter-spacing: 0.8px;
    padding: 15px;
    cursor: pointer;  
}
.heading:nth-last-child(2){
    border-bottom:0; 
}
.heading:hover {
    background: #00838f;
    border-radius: 0;
}
.heading:first-child:hover {
    border-radius: 3px 3px 0 0;
}
.heading:nth-last-child(2):hover{
    border-radius:0 0 3px 3px;
}
.heading::before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border-top: 7px solid #f5f5f5;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    float: right;
    transform: rotate(0);
    transition: all 0.5s;
    margin-top: 5px;
}
.active.heading::before {
    transform: rotate(-180deg);
}
.not-active.heading::before {
    transform: rotate(0deg);
}
.contents {
	display: none;
	background: #FFFAFA;
	padding: 15px;
    color: #7f8fa4;
    font-size: 13px;
    line-height: 1.5;
}

h1 {
    font-size: 40px;
    color: #000;
    font-weight: normal;
    text-align: center;
    margin: 50px 0;
}