/*
.about-header {
	background-image: url('https://cdn.shopify.com/s/files/1/0022/3186/1309/files/header-about.jpg?501');
	background-position: center center;
	background-size: cover;
}
*/

.about-header {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.site-header__logo img {
	width: 100% !important;
	max-width: 300px !important;
}

.content-wrap {
	margin-top: 50px;
	display: flex;
}

.superhero {
	height: 50px !important;
	width: auto !important;
	justify-content: center;
}

.ask-derek {
	height: 40px !important;
	width: auto !important;
	justify-content: center;	
}

.cont-wrap {
	width: 100%;	
	padding: 40px 10%;
}

.pad-zero {
	padding: 0px !important;
}



/*---- ACCORDIAN STYLES ----*/

.accord-p {
	margin-bottom: 0px !important;
}

.accord-cont {
	padding: 0px !important;
}

.left-accord {
	padding: 0px 15px 0px 0px !important;
}

.right-accord {
	padding: 0px 0px 0px 15px !important;	
}

.inner-pg-content-wrap {
	margin-top: 60px;
}

/* Form Style */
a:hover,a:focus{
 	text-decoration: none;
 	outline: none;
}

#accordion .panel{
 	border: none;
 	box-shadow: none;
 	border-radius: 0;
 	margin-bottom: 25px;
}

#accordion .panel-heading{
 	padding: 0;
 	border-radius: 0;
 	text-align: left;
 	border: none;
}

#accordion .panel-title .mission-accord {
 	display: block;
 	padding: 15px;
 	font-size: 28px;
 	line-height: 28px;
 	color: #fff !important;
 	background: #77B800;
 	transition: all 0.5s ease 0s;
}

#accordion .panel-title .mission-accord:hover{
 	background: #77B800;
 	opacity: .75;
}

.panel-body p {
	color: white;
}

.panel-copy a {
	color: white !important;
	transition: opacity 400ms !important;
}

.panel-copy a:hover {
	opacity: .5 !important;
}

#accordion .panel-body{
 	font-size: 14px;
 	color: #fff;
 	background: #77B800;
 	padding: 20px;
 	line-height: 20px;
 	border: none;
 	position: relative;
}

#accordion .panel-body:after {
	display: none;
 	content: "";
 	position: absolute;
 	top: -30px;
 	left: 40px;
//  	border: 15px solid transparent;
//  	border-bottom: 15px solid #77B800;
}

.panel-title {
	margin-bottom: .2rem !important;
	font-family: 'Dosis', sans-serif;
	letter-spacing: 0px !important;
}

.research-panel-btn {
	font-family: 'Roboto', san-serif !important;
	font-size: 26px !important;
	line-height: 35px !important;
	font-weight: 500;	
	color: white;
	background-color: #B1D577;
	padding: 15px 25px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-transition: background-color 400ms ease-out !important;
    -moz-transition: background-color 400ms ease-out !important;
    -o-transition: background-color 400ms ease-out !important;
    transition: background-color 400ms ease-out !important;
}

.research-panel-btn:hover {
	background-color: white !important;
	color: #B1D577 !important;
}

.panel-copy {
	margin-bottom: 30px;
}

.mission-cta-btn {
	font-family: 'Roboto', san-serif !important;
	font-size: 24px !important;
	line-height: 35px !important;
	font-weight: 500;	
	color: white;
	background-color: #B1D577;
	padding: 12px 21px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-transition: background-color 400ms ease-out !important;
    -moz-transition: background-color 400ms ease-out !important;
    -o-transition: background-color 400ms ease-out !important;
    transition: background-color 400ms ease-out !important;
}

.mission-cta-btn:hover {
	background-color: white !important;
	color: #B1D577 !important;
}

.mission-cta-btn-wrap {
	margin: 0 auto;
}

.copy-wrap {
	color: #6A3328 !important;
}

.left-accord, .left-accord-miss {
	border-right: 5px solid white;
}

#accordion .panel-title .discrim-accord {
 	display: block;
 	padding: 15px;
 	font-size: 20px;
 	line-height: 26px;
 	color: #fff !important;
 	background: #808285;
 	transition: all 0.5s ease 0s;
}

#accordion .panel-title .discrim-accord:hover {
 	background: #808285;
 	opacity: .75;
}

#accordion .panel-body-discrim {
 	font-size: 14px;
 	color: white;
 	background: #808285;
 	padding: 20px;
 	line-height: 20px;
 	border: none;
 	position: relative;
}

#accordion .panel-body-discrim:after {
	display: none;
 	content: "";
 	position: absolute;
 	top: -30px;
 	left: 40px;
 	border: 15px solid transparent;
 	border-bottom: 15px solid #77B800;
}

.panel-body-discrim p, .panel-body-discrim li {
	color: white;
}

/*--- End Accordion Styles ---*/


@media screen and (max-width: 1062px) {
	
.superhero {
	height: 50px !important;
	width: auto !important;
	margin: 10px auto !important;
	padding: 0px 5%;
  }
  
.ask-derek {
	height: 30px !important;
	width: auto !important;
	margin: 10px auto !important;
	padding: 0px 5%;
  }		

}

@media screen and (max-width: 783px) {
	
	.inner-pg-content-wrap {
		margin-top: 30px;
	}
	
	.cont-wrap {
    	width: 100%;
		padding: 20px 10%;
	}
	
	.footer-col {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.left-accord. .right-accord {
		padding: 0px !important;
	}
	
	.accord-wrap {
		padding: 0px !important;
	}
	
	.left-accord, .left-accord-miss {
		border-right: 0px !important;
	}
}