/*
=========================================================================================================================
=====================================================   MOBILE CSS   ====================================================
=========================================================================================================================
*/

@media screen and (max-device-width: 750px) and (orientation: portrait) {
   


	#content
	{	
		width: 90vw;
	}




	#home
	{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;

		width: 100%;
	}




	#home_boxes_wrapper
	{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		
		width: 100%;
	}



	/* ===================================================================================== */
	/* ===================================================================================== */
	/* ===================================================================================== */





	.home_box
	{
		display: flex;

		margin-top: 5vw;
		margin-bottom: 5vw;

		background-color: rgba(255, 255, 255, 0.9);
	}




	.home_box_content
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 70vw;

		padding-top: 2vw;
		padding-bottom: 2vw;
		font-family: FiraLight;
	}


	#registration_home_box { width: 100%; }
	#partners_home_box { width: 100%; }
	#news_home_box { width: 100%; }
	#events_home_box { width: 100%; }
	#gallery_home_box {	width: 100%; }






	.home_box_title
	{
		width: 15vw;
	}


	.home_box_title span
	{
		font-size: 3.5vw;
	}
	#partners_box_title span { font-size: 3vw; }



	

	/* ===================================================================================== */
	/* =================================   PARTNERS BOX   ================================== */
	/* ===================================================================================== */



	#partners_box_content
	{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 70vw;
		height: 100%;
		font-size: 2.5vw;
	}


	
	.home_partner_box
	{
		display: flex;
		align-items: center;
		flex-direction: row;
		width: 70vw;

		margin: 0;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}



	.partners_img
	{
		position: inline-block;
		align-self: center;
		width: 30vw;

		margin-left: 5vw;
	}

	.partners_label
	{
		position: inline-block;
		align-self: center;
		width: 30vw;

		margin: 0;
		
		text-align: center;
	}





	/* ===================================================================================== */
	/* ===================================   NEWS BOX   ==================================== */
	/* ===================================================================================== */


	#news_box_title	{ width: 15vw; }

	#news_box_content
	{
		width: 70vw;
		font-size: 2.5vw;
	}



	/* ===================================================================================== */
	/* ==================================   EVENTS BOX   =================================== */
	/* ===================================================================================== */




	#events_box_title
	{
		width: 15vw;
	}

	#events_box_title span
	{
		font-size: 3.5vw;
	}



	#events_box_content
	{
		width: 70vw;
	}

	.events_box_content_text
	{
		font-size: 2.5vw;
	}




	/* ===================================================================================== */
	/* =================================   GALLERY BOX   =================================== */
	/* ===================================================================================== */




	#gallery_box_title
	{
		width: 15vw;
	}

	#gallery_box_title span
	{
		font-size: 3.5vw;
	}


	#gallery_box_content
	{
		width: 75vw;
	}

		

	#gallery_box_content_title
	{
		width: 100%;

		text-align: center;
		font-size: 4vw;
	}


	#gallery_box_img_wrapper
	{
		display: flex;
		align-items: center;
		justify-content: center;

		width: 100%;
	}

	.gallery_box_img
	{
		display: inline-block;
		width: 15vw;
		margin-left: 3vw;
		margin-right: 3vw;

	}



   
   /*
	================================================================================================================================================
	================================================================================================================================================
	================================================================================================================================================
	================================================================================================================================================
	================================================================================================================================================
	*/



	#right_panel
	{
		display: flex;
		justify-content: center;
		width: 90vw;
		
		margin-top: 5vw;
		margin-bottom: 5vw;
		padding: 0;
		
		background-color: rgba(255, 255, 255, 0.9);
	}



	.person_div
	{
		display: inline-block;
		width: 20vw;	
		margin-top: 2vw;
		margin-bottom: 0;
		margin-left: 1vw;
		margin-right: 1vw;
		background-color: transparent;
	}


	.person_img
	{
		display: block;
		width: 100%;

	}
	.person_name
	{
		display: block;
		width: 100%;
		text-align: center;
		padding-top: 1vw;
		padding-bottom: 1vw;
		font-size: 2.5vw;
		line-height: 2.5vw;
	}


}
/*
=========================================================================================================================
=========================================================================================================================
*/