li{
	display: inline;
	font-size: 0.5em;
   /* width: 30%;
*/

}

.head{
	display: inline;
	margin-left: 00px;
}

ul a:hover{
	color: red;
}
.title-area{
	background: red;
}
footer{
      color: #7677A3;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.5rem;
      background-color:#E78717;
      text-align: center;
}


.bottomWrapper{
	/*clear: both;*/
	background: red;
}

 .callout-card.alert .card-label {
      border-color: transparent #f22613 transparent transparent;
      border-color: rgba(255, 255, 255, 0) #f22613 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }
.callout-card {
  background: white;
  border: 1px solid #333;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 1rem 0;
  overflow: hidden; }
  .callout-card .card-label {
    border-color: transparent #333 transparent transparent;
    border-color: rgba(255, 255, 255, 0) #333333 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }
.callout-card .card-label {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    transform: rotate(360deg); }
  .callout-card .callout-card-content {
    padding: 0.5rem 1.5rem 0.875rem; }
  .callout-card.radius {
    border-radius: 0.6rem; }
  .callout-card .label-text {
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    position: relative;
    right: -40px;
    top: 2px;
    white-space: nowrap;
    transform: rotate(30deg); }

.try{
	width: 100%;
}
.float{
	float: right;
}
/*.donate{
	position: relative;
	margin-left: 5%;
	float: right;
}

*/

.wrapper1{
	margin-top: 10px;
}
.wrapper1 .row{
	background:#E8E3DA;
}
.h2{
	color: #72523F;
	margin-left: 200px;
}
.history{
	color: #9C6B4B;
	text-align: center;
}
.gallbutton{
	/*margin-left:120px;*/
}
.news{
	text-align: left;
	color:#72523F;
}
.callcard{
	color: #9C6B4B;
}
.activities{
	margin-top: -60px;
	position: absolute;
	color: #72523F;
	/*text-align: right;*/
	margin-left: 180px;
   /* float: right; */
}
/*.small-only-text-center{
	text-align: right;
	margin-left: 100px;
}
.small-only-text-justify{
	margin-top: 50px;
}*/

.address{
	background: #F0EDE5;
	border: 1px solid #CECECE;
	/*padding-top: 0px;
	padding-bottom: 30px;*/
}
.reach{
	color: #72523F;

}
#MyGmaps{
	width:600px;
	height:300px;
	margin: 0px;
	 
}
.add{
	float: right;
	width: 200px;
	margin-right: 80px;
	margin-top: 0px;
	position: relative;
	text-align: left;
}
.ad{
	color: #72523F;
}
.wrapper3{
	background: #E7E0D8;
}
.about{
	color: #72523F;
	text-align: left;
	/*margin-left: 10px;*/
	text-align: center;
}
.abouttext{
	margin-left: 0px;
	color: #9C6B4B;
	text-align: left;
	padding-left: 10px;
}
.media1{
	color: #72523F;
}

.try .row{
	background: #AB342C;
}

.topList{
	text-align: right;
	background:#fffce6;
	padding: 10px;
}

.topList span{

}

.fa-phone{
	position: relative;
	top:2px;
	color:rgb(6, 64, 0);
}
.callcard{
  font-size: 15px;
}
.news li{
  font-size: 15px;
}

@media only screen and (max-width: 40em){
	.small-only-text-center
	{
		text-align: right;
		margin-left: 100px;
		margin-top: 0px;
	}
	.small-only-text-justify
	{
		margin-top: 50px;
	}
}

	.button-group {
  position: relative;
  display: inline-block;
  margin: 1rem 0; }
  .button-group:before {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 42.5%;
    top: 0.35rem; }
  .button-group button + button {
    margin-left: 5px; }