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

.bg_white{
	background-color: #D4F19B;
}
.border{
	border: thin solid #666;
}
#introduc{
	margin-top: 85px;
	background-color: #FEDD7A;
	padding-top: 75px;
	padding-bottom: 75px;
}
#who{
	background-color: #66CCFF;
	padding-top: 75px;
	padding-bottom: 75px;
}
#animals{
	background-color: #8DCE0B;
	padding-top: 75px;
	padding-bottom: 75px;
}
#form{
	background-color: #5C8901;
	padding-top: 75px;
	padding-bottom: 75px;
	height: 700px;
}
#animals_not{
	background-color: #CF9;
	padding-top: 75px;
	padding-bottom: 75px;	
	}
ol li.list-group-item { 
    list-style: decimal inside;
    display: list-item;
}





.wrapper{
  width:100%;
 }
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
    color:#C30;
    font-size:22px;
    font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
    word-spacing:3px;
	text-decoration:none;
	font-family: 'Abel', sans-serif;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}