.about-top{
	background-image: url(backgrounds/dissolving.jpg);
}


.panel.gray {
   background: #f7f4f8 /* url(cricket-text-bg2.jpg) */;
   	  background-size: cover;
  background-repeat: no-repeat;

  }

/*
.panel.green{
	
	background: #fefee4;
	background-image: url(cricket-text-bg.jpg);
	  background-size: cover;
  background-repeat: no-repeat;

	padding: .5em;
}
*/
.panel.black{
	
	background: #000;
	
}


.dark-outline{
	border: .3em solid #ff4b69;
	margin-bottom: 1em;

}

.light-outline{
	border: .3em solid #fff;
}


.columns.dark-outline, .columns.light-outline{
	padding-left: 0;
	padding-right: 0;
	}




.panel.navy{
	
background: rgba(230,84,58,1);
background: -moz-linear-gradient(top, rgba(230,84,58,1) 0%, rgba(5,36,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,84,58,1)), color-stop(100%, rgba(5,36,56,1)));
background: -webkit-linear-gradient(top, rgba(230,84,58,1) 0%, rgba(5,36,56,1) 100%);
background: -o-linear-gradient(top, rgba(230,84,58,1) 0%, rgba(5,36,56,1) 100%);
background: -ms-linear-gradient(top, rgba(230,84,58,1) 0%, rgba(5,36,56,1) 100%);
background: linear-gradient(to bottom, rgba(230,84,58,1) 0%, rgba(5,36,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6543a', endColorstr='#052438', GradientType=0 );
	
}


/* bg panels */
.panel.forest-1{
	

	background-image: url(backgrounds/entering-forest.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 600px;
	padding: 2em;
}

.panel.arguing{
	

	background-image: url(backgrounds/cmb-arguing.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 600px;
	padding: 2em;
/* 	margin:200px 0 0 0; */
}


.panel.large-river{
	

	background-image: url(backgrounds/river-crossing.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 900px;
	padding: 2em;
}

.panel.dissolving{
	

	background-image: url(backgrounds/dissolving.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 900px;
	padding: 2em;
}

.panel.arguing-2{
	

	background-image: url(backgrounds/arguing-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 500px;
	padding: 2em;
}

.panel.forest-circle{
	

	background-image: url(backgrounds/forest-circle.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 500px;
	padding: 2em;
}


.text{
	background: #ff4b69;
	padding: 2em 2em;
	position: relative;
z-index: 50;
	
}

.dark-text{
	background: #fff;
	padding: 2em 2em;

	
}


.text p, .dark-text p{

	font-size: 1.5em;
	line-height: 1.6em;	
	margin: .8em 0;
	padding:  0;

	
}


.bottom-accent{
	margin-bottom: -120px;
	padding-bottom: 40px;
	
} 

.top-accent{
	margin-top: -150px;
	padding-top: 40px;
	
} 




@media only screen and (max-width: 768px){
	
/*
	.panel.green{

	padding: 1em;
}
*/


/*
.text{
	background: #319c4b;

	
}
*/

.text p, .dark-text p{

	font-size: 1.2em;
	line-height: 1.3em;	
	margin-bottom: .5em;
	padding: 0.3em 0;
	
}


.panel.forest-1, .panel.arguing{

min-height: 300px;
}





.panel.large-river{

	min-height: 350px;

}

.panel.dissolving{

	min-height: 500px;

}



.panel.forest-circle{

	background-position: center bottom;

	min-height: 600px;

}


			
}