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

/*STORY*/



@media(max-width: 575px){
	#about  {
		background: white;
	}
}

@media(min-width: 576px){
	#about  {
		background: var(--color-gray);
	}	
}


#story .content {
	background: #fff;
	text-align: left; 
	padding: 1.5em 2.7em 1em 2em; 
	border: 1px solid #eee; 
	margin-bottom: 30px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#story .content p {
	font-size: 16px;
	text-align: left;
}

@media (max-width: 991px) {
	#story .content {
		text-align: left; 
		padding: 1.5em 1.8em 1em 2em; 
		margin-bottom: 25px;
	}
}
	
@media (max-width: 575px) {
	#story {
		background: var(--color-gray);
		padding-top: 20px;
	}
	#story .content {
		background: var(--color-gray);
		text-align: left; 
		padding: 1.5em 1.8em 1em 2em; 
	    border: none; 
		margin-bottom: 0;
		box-shadow: none;
	}
	#story .content p:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/*FOUNDER*/

#founder {
	background: var(--color-secondary);
}

#founder .content {
	position: relative;
	background: #fff;
	text-align: left; 
	padding: 1.5em 2.7em 1em 2em; 
	border: 1px solid #ccc; 
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#founder .content p {
	font-size: 16px;
	text-align: left;
}

#founder .card {
  	border: none; 
  	padding-left: 0;
}

#founder .btn {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

@media (max-width: 991px) {
	#founder {
		margin-top: 0px;
	}
	
	#founder .content {
		position: relative;
		text-align: left; 
		padding: 1.5em 1.8em 1em 2em; 
		margin-bottom: 25px;
	}
}

@media (max-width: 768px) {
	.salisha-with-jacket {
		background: url("../images/about/meet-the-founder-sm.jpg");
		min-height: 400px;
		background-size: cover;
	}
}

@media (max-width: 575px) {
	#founder .content {
		box-shadow: none;
	}	
}


/*#founder-continues*/

#founder-continues p {
	font-size: 16px;
	text-align: left;
}

/*PHOTO*/
#founder-continues .salisha-photo {
	float: right;
	padding-left: 1em;
	max-height: 300px;
	max-width: auto;
}

@media (max-width: 1199px) {
	#founder-continues .salisha-photo {
		max-height: 280px;
		max-width: auto;
	}
}

@media (max-width: 991px) {
	#founder-continues .salisha-photo {
		display: none;
	}
}

.caption {
	text-align: center;
	font-size: 12px;
	margin-top: .8em;
	font-weight: 600;
	color: #777;
}

@media (max-width: 991px) {
	.caption {
		font-size: .8em;
		margin-top: 1em;
	}
}

/*PHOTO-1*/

@media (min-width: 576px) {
	#founder-continues .salisha-photo-1 {
		display: none;
	}
}

@media (max-width: 575px) {
	#founder-continues .salisha-photo-1 {
		display: block;
		max-height: 300px;
		max-width: auto;
		text-center;
		margin: 0 auto;
		margin-bottom: 1em;
		justify-content: center;
	}
}


/*PHOTO-2*/

@media (min-width: 769px)and (max-width: 990px) {
	#founder-continues .salisha-photo-2 {
		float: right;
		padding-left: 1em;
		max-height: 300px;
		max-width: auto;
	}
}

@media (min-width: 576px)and (max-width: 768px) {
	#founder-continues .salisha-photo-2 {
		float: right;
		padding-left: 1em;
		max-height: auto;
		max-width: 230px;
	}
}

@media (max-width: 575px) {
	#founder-continues .salisha-photo-2 {
		display: none;
	}
}

@media (min-width: 991px) {
	#founder-continues .salisha-photo-2 {
		display: none;
	}
}



@media (max-width: 575px) {	

	#founder {
		background: var(--color-white);
	}
	
	#founder .content {
		position: relative;
		text-align: left; 
		padding: 1.5em 1.8em 1em 2em; 
	    border: none; 
		margin-top: -50px;
		margin-bottom: -30px;
	}
}