@media only screen and (min-width: 812px) { 
	.headerLogo { display: none; }
}

@media only screen and (max-width: 811px) {
	body { background-color: #96A6C0; background-image: none !important; }

	.headerLogo { width: 100%; display: block; }
	#logo_link { display: none !important; }

	#header #logo_link_2 a { position: static; text-indent: 0px; width: auto; display: inline; padding-bottom: 10px; color: #3F01FF; }
	#header #logo_link_2 a { text-decoration: none; }

	#container { position: static; width: 100%; margin: 0px; left: 0%; }
	#header { width: 100%; background-image: none; height: auto; text-align: center; }

	#header #linkedin { position: static; width: auto; height: auto; float: right; display: none; }

	#navigation { width: 100%; text-align: center; height: auto; margin-top: 0px; background: #293241 !important; }
	#navigation ul { margin: auto; text-align: center; width: 100%; height: auto; }
	#navigation ul li { display: inline-block; float: none; height: auto; }

	#content_left { width: 100%; height: auto; border: none; background-image: none !important; background-color: #96A6C0; }
	#content_right { width: calc(100% - 20px); padding: 10px; height: auto; text-align: left; background: none; }
	#content_right h1 { margin: auto; }
	#content_right #content { width: 100%; height: auto; margin: 0px; }

	#player_form { width: 100%; height: auto; }
	#player_form h2 { width: calc(100% - 10px); float: none; }

	#contact_form { float: none; width: calc(100% - 20px); padding: 10px; }
	#contact_form .label { width: calc(100% - 15px); display: block; text-align: left; }
	#contact_form .input { width: calc(100% - 15px); display: block; text-align: left; }
	#contact_form .submit { width: 100%; display: block; }
	#contact_form table, tr { width: 100%; }
	.field, .tarea { border: 1px solid #25383c; background: #fff; padding: 6px; width: 100%; font-size: 13px; }
	.button { padding:10px 35px; border:1px solid #293241; font-weight: bold; font-size:16px; background: #fff; color:#293241;}
	.button:hover { background: #293241; color:#fff; cursor: hand; cursor: pointer; }

	#player { float: none; width: 100%; background: #EEEEEE; padding-top: 10px; padding-bottom: 10px; border-top:1px solid #293241; border-bottom:1px solid #293241; }
	#bottom_image { width: auto; max-width: 100%; background-size: contain; }

	#footer { width: 100%; font-size: 1.1em; }
	#footer ul { text-align: center; }

	#player_top { display: none; }
}

@media only screen and (min-width: 788px) { 
	#toggle { display: none; }
	#currentpage { display: none; }
}

@media only screen and (max-width: 787px) { 
	#toggle { width: 100%; text-align: center; font-size: 3em; font-weight: bold; background-color: #293241; color: white; display: block; margin-top: 0px;  }	
	#navigation { display: none; background-image: none; background-color: #293241; margin-top: 0px;  }
	#navigation ul li { display: block; background-color: #293241; border-top: 1px solid #fff; }
	#navigation ul li a { padding-top: 10px; padding-bottom: 10px; }	
	#navigation ul li.active { background: #7f848d url(images/bg_light.jpg) repeat; }
	#currentpage { font: 15px 'Trebuchet MS',Verdana, Arial, sans-serif; color: #fffc00; text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; background: #7f848d url(images/bg_light.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

	#linkedin_mobile{ height: 38px; width: 100%; background-color: #fff; border-top: 1px solid #293241; }
	#linkedin_mobile img { margin-left: 5px; padding-top: 5px; padding-bottom: 5px; }
}

@media only screen and (max-width: 550px) {
	.button { width: 100%; }
}

@media only screen and (max-width: 510px) {
	#footer ul { margin-right: 0px; }
	#footer ul li { display: block; background-color: #293241; border-bottom: 1px solid #5372a7; padding: 10px; }
	#footer a { padding: 18px; }
	#footer ul li:nth-child(even) { display: none; }
	#header #logo_link_2 a { font-size: 0.9em; }
}

@media only screen and (max-width: 480px) {
	#header #logo_link_2 a { font-size: 0.8em; }
}

@media only screen and (min-width: 421px) { 
	#toggle:hover { cursor: hand; cursor: pointer;  background-color: #80848D; color: #FFFC00; }
	#navigation ul li:hover { background: #7f848d url(images/bg_light.jpg) repeat; }
}


@media only screen and (max-width: 420px) {
	#header #logo_link_2 a { font-size: 0.7em; }

}

@media only screen and (max-width: 320px) {
	#header #logo_link_2 a { font-size: 0.6em; }
	table, tbody { width: calc(100% - 20px); }
}