#aboutus, #aboutus-mission, #aboutus-board, #aboutus-management, #aboutus-president
{
	margin-bottom: 7rem;

	color: #191A19;
}

#aboutus
{
	margin-top: 7rem;
	width: 100%;
}

.aboutus-header
{
	margin-top: 3rem;
	width: 100%;
}

.aboutus-header img
{
	width: 100%;
	height: 400px;
}

.aboutus-text
{
	width: 70%;
	text-align: justify;
}

/*------------------------------------------------------
					MISSION SECTION
--------------------------------------------------------*/

.aboutus-mission-title, .aboutus-mission-body
{
	width: 70%;
}

/*------------------------------------------------------
				BOARD MEMBERS SECTION
--------------------------------------------------------*/

.board-header
{
	width: 100%;
}

.board-members
{
	width: 100%;
	clear: both;
}

.member-img img
{
	margin-top: 2rem;
	margin-bottom: 2rem;

	width: 250px;
	height: 250px;

	background-color: #FFFFFF;

	border-radius: 8rem;
}

#board-members-btn
{
	width: 70%;
	border-radius: 5rem;

	/*background-color: #0B8410;*/
	color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	border-color: #239B56;
	/*background: linear-gradient(to bottom right, #FFF848, #CFEA7F, #DDF7C8, #7EB863, #13524A);*/
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	transition: all .3s ease-in-out;
}

#board-members-btn:hover
{
	background-color: #166036;
	color: #fff;

	transform: scale(1.2);
	font-weight: bold;
}

.readmore-btn
{
	background-color: #0B8410;
	color: #191A19;
	padding: 5px;
	border-radius: 1rem;
}

.readmore-btn:hover
{
	text-decoration: none;

	background-color: #0DA113;
	color: #191A19;
}

/*------------------------------------------------------
				MANAGEMENT TEAM SECTION
--------------------------------------------------------*/

.management-desc #management-info
{
	margin-bottom: 3rem;
}

.management-desc h3	
{
	font-size: 18px;
	font-weight: bold;
}

.management-desc p
{
	font-size: 14px;
}

.management-img img
{
	width: 150px;
	height: 150px;
}

.management-info
{
	padding-top: 3rem;

	text-align: left;
}
/*------------------------------------------------------
				MODALS SECTION
--------------------------------------------------------*/
.modal-header
{
	color: #FFF;
}

.modal-body
{
	text-align: justify;
}

/*------------------------------------------------------
					MEDIA QUERIES
--------------------------------------------------------*/
@media (width: 768px)
{
	.aboutus-header img
	{
		width: 100%;
	}
}

@media (max-width: 425px)
{
	.aboutus-header img
	{
		width: 100%;
		height: 200px;
	}

	.aboutus-header, .aboutus-text
	{
		width: 100%;
	}

	.mission-img img
	{
		width: 100%;
		height: 200px;
	}

	.board-header, .board-members
	{
		width: 100%;
	}

	.board-header img
	{
		height: 200px;
	}

	.management-header, .management-desc
	{
		width: 100%;
	}

	.president-header, .president-message
	{
		width: 100%;
	}

	.president-message #message-carousel img
	{
		width: 375px;
		height: 400px;
	}
}

@media (width: 375px)
{
	.aboutus-header img
	{
		width: 100%;
		height: 200px;
	}

	.president-message #message-carousel img
	{
		width: 300px;
		height: 400px;
	}

	.mission-img img
	{
		width: 100%;
		height: 200px;
	}
}

@media (width: 320px)
{
	.aboutus-header img
	{
		width: 100%;
		height: 200px;
	}

	.president-message #message-carousel img
	{
		width: 275px;
		height: 400px;
	}

	.mission-img img
	{
		width: 100%;
		height: 200px;
	}
}