@charset "UTF-8";




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

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


   	body
	{
		width: 100vw;
		height: 50vw;

		min-width: 0;
		min-height: 0;
	}


	/* ===================================================================================== */
	/* ==================================   TOP SECTION   ================================== */
	/* ===================================================================================== */

	#top_section
	{
		position: fixed;

		width: 100vw;
		height: 25vw;

		top: 0;
		left: 0;


		background-color: white;
		box-shadow: 0px 0px 0.5vw #333333;

		z-index: 2;
	}

    #banner
	{
		display: block;
		position: fixed;

		min-width: initial;
		min-height: initial;
		width: auto;
		height: 110vh;
		top: 0vw;
		left: 0;
	
		z-index: -20;
	}



	#company_logo
	{
		position: fixed;

		width: 35vw;
		left: 5vw;
		top: 2vw;

	}

	#social_media
	{		
		position: fixed;
		width: 40vw;
		height: 10vw;

		top: 3vw;

		right: 0;
		left: 60vw;
		margin: 0;

		z-index: 3;

	}

	#social_media_logos
	{
		position: absolute;
		width: 100%;
	}


	#social_media_logos img
	{
		position: absolute;
		width: 7vw;
		margin: 0;
	}

	#facebook_link_img { left: 0vw; }
	#linkedin_link_img { left: 10vw; }
	#twitter_link_img { left: 20vw; }
	#youtube_link_img { left: 30vw; }


	#mobile_menu_icon
	{
		display: block;
		position: fixed;

		width: 10vw;

		left: 87vw;
		top: 14.5vw;

		z-index: 1000;
		cursor: pointer;
	}




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



	#user_welcome { display: none; }
	#user_links_p { display: none; }
	.user_link { display: none; }
	#logged_in_p { display: none; }
	


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


	#content
	{
		
		width: 90vw;

		/* height: 810px; DEFINED IN EACH PAGE CSS*/   

		margin-top: 45vw;
		padding-bottom: 10vw;

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

		color: #333333;
		font-size: 4vw;

		z-index: 2;
	}

	.content_page
	{
		margin-top: 10vw;
	}

	



	#youtube_feed { display: none; }

	#facebook_feed { display: none; }


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

	
	#footer
	{
		margin-top: 20vw;
		padding-bottom: 10vw;
	}
	

	#footer_title_div
	{
		display: none;
	}


	#footer_title_div_mobile
	{
		display: block;
		width: 100%;

		margin-top: 7vw;

	
		font-family: Verdana;
		letter-spacing: 0.3vw;
		line-height: 7vw;
		text-align: center;
		color: #EEEEEE;
	}

	#footer_event_name 
	{
		font-size: 4vw;
		font-weight: bold;
		
	}

	#footer_contacts 
	{
		font-size: 3vw;
	}

	#footer_contacts a { text-decoration: none; color: #EEEEEE; }





	#footer_social_media
	{
		width: 100%;

		margin-left: 0;

		margin-top: 8vw;

		cursor: pointer;
	}

	.footer_sm_logo
	{
		width: 10vw;
	}


	#footer_site_map
	{
		display: none;
	}


	#footer_desktop_version 
	{ 
		display: block;

		width: 100%;
		margin-top: 5vw;

		text-align: center;
		font-size: 3.2vw;
		font-family: Verdana;
		letter-spacing: 0.3vw;
	}
	#footer_desktop_version a { text-decoration: none; color: #EEEEEE;}


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