@charset "utf-8";
/* CSS Document */
/* font choices */
/*headline: font-family: "Mulish", sans-serif;
paragraph: font-family: "Aleo", serif;
*/
/*Adapt Fit Colors:
	dusty pink: #f1a388;
	deep burgundy: #460120;
	sherbert orange: #ee6747;
	pop pink: #c81263;
	sage green: #507267;
	darkest burgundy #290001;
*/

*{
	box-sizing: border-box;
	margin: 0;
}

body{margin: 0 auto;
	padding: 0;
	width: 100%;
	background-color: #F4B59E;
	}

h1, h2, h3, h4, h5, h6{font-family: "Mulish", sans-serif;
	font-variation-settings: 'wght' 700;
	color: #460120;
	}

p 	{font-family: "Aleo", serif;
	font-size: 1.5em;
	color: #460120;
	}

img {
	display: block;
	margin-left: auto;
	margin-right: auto
	}

button {border-radius: 50%;}


#mainNav {
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: #F4B59E;
	width: 100%;
  	font-family: "mulish-variable",sans-serif;
  	font-weight: 550;
	height: 50;
	}


/*style the links inside the nav bar */
#mainNav a{
	float: left;
	margin: 0;
	display: inline-block;
	color: #460120;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none; /*removes underline*/
}

#mainNav a:hover {
	background-color: #DCA0A0;
	color: #460120;
	font-weight: 850;
}
 
/*add a color to the active/current link which is home for the main page */
#mainNav-right .active {
	background-color: #c81263;
	color: #460120;
}

 /*right-aligned section inside the top navigation */
#mainNav-right {
	float: right;
}

 /*everytime I float must add "clear floats" after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.home_bg 	{background: #F4B59E url("../images/main page/1_main_header_2400_optimized.jpg") no-repeat center center fixed;
			background-size: cover;
			height: 1000px;
			margin-top: 20px;
}

.home_bg h1 {
			text-align: center;
			line-height: 900px;
			color: #c81263;
			font-size: 8em;
}

/*-----flexbox container----------*/
.container-mission {
	display: flex;
	margin: 0;
	padding: 0;
	height: 700px;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

/*-----fist column row 2----------*/
.mission{
	font-size: 1.5em;
	text-align: center;
	font-weight: 400;
}

/*-----fist column row 1----------*/
.mission-pic{
	flex-basis: 40%;
	margin: 1em;
	padding: 1em;
	height: 700px;
	border-radius: 5px;	
}

.container-whoweserve{
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	}

.whoweserve{
	font-size: 1.5em;
	text-align: center;
	font-weight: 400;
}

.whoweare_pic{
	flex-basis: 40%;
	margin: 1em;
	padding: 1em;
	height: 700px;
	border-radius: 5px;
}

.container-whoweare{
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.whoweare{
	font-size: 1.5em;
	text-align: center;
	font-weight: 400;
}

.whoweare_pic{
	flex-basis: 40%;
	margin: 1em;
	padding: 1em;
	height: 700px;
}

.bottom_nav {
	display: flex;
	flex-direction:row;
	justify-content: center;
	justify-content: space-around;
	align-items: stretch;
	}

.bottom_nav {
	margin: 0px;
	padding: .5em;
	flex-basis: 50%;
	background-color:#507267; 
	color: #c81263;
	font-size: 1em;
}

footer{
	background-color: #507267;
	text-align: center;
	line-height: 30px;
	color: #290001;	
}


/*-----------------end of HOME page--------------*/






	/*-----------------start of CLASSES page--------------*/




.classes_bg 
	{background: #F4B59E url("../images/group photo/AdobeStock_804470010.jpg") no-repeat center center fixed;
		background-size: cover;
		height: 1000px;
		margin-top: 20px;
}

.classes_bg h1 {
			text-align: center;
			line-height: 900px;
			color: #c81263;
			font-size: 8em;
}

.subheader-classes {
	text-align: center;
	text-decoration-color: #460120;
}

.flex-container-classes {
	display: flex;
	justify-content: space-around;
	margin: 0px;
	flex-basis: 50%;
	align-content: center;
}

.flex-item-classes img{
	width: 500px;
	height: 500px;
	border-radius: 10%;
	overflow: hidden;
	object-fit: cover;
}





/*-----------------end of CLASSES page--------------*/





/*-----------------start of OUR TEAM page--------------*/




.ourteam_bg 
	{background: #F4B59E url("../images/TEAM/team_header.jpeg")no-repeat center center fixed;
		background-size: cover;
		height: 1000px;
		margin-top: 20px;
}

.ourteam {
	text-align: center;
	text-decoration-color: #460120;
}

.flex-container-ourteam {
	display: flex;
	justify-content: space-around;
}

.flex-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.flex-item img{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	background: #f5baa5;
}

.container-ourteam {
	background: #f5baa5;
	background-size: cover;
	height: 700px;
	background-color: #c81263;
	border-radius: 5px;
}

.container-ourteam {
	margin: 0px;
	padding: 1em;
	flex-basis: 50%;
	align-content: center;
}

.joinourteam {
	margin: 0 auto;
	max-width: inherit;
	align-content: center;
	text-align: center;
}

.joinourteam-button {
  	background-color: #c81263;
  	border: none;
  	color: white;
  	padding: 20px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	font-size: 50px;
}



/*-----------------end of OUR TEAM page--------------*/



/*-----------------start of VISIT US page--------------*/





.visitus_bg 
	{background: #F4B59E url("../images/gym_interior.jpeg") center center fixed;
		background-size: cover;
		height: 1000px;
		margin-top: 20px;
}

.visitus_bg h1 {
			text-align: center;
			line-height: 900px;
			color: #c81263;
			font-size: 8em;
}

.container-visitus{
	text-align: center; 
} 

.container-visitus img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.container-visitus {
	background: #f5baa5;
	background-size: cover;
	height: 700px;
}

.container-visitus {
	margin: 0px;
	padding: 1em;
	flex-basis: 50%;
}