@media only screen and (max-width : 1100px) {
	header	{
		padding: 0 2em !important;
	}

	#content	{
		margin: 0 !important;
	}
}

@media only screen and (max-width : 1200px) {
	header	{
		padding: 0 4em;
	}

	#content	{
		margin: 0 4em;
	}
}

@media only screen and (max-width : 1050px) {
	header	{
		padding: 0 2.3em !important;
	}
	
	header #logo {
		display: none;
	}
	
	header nav li	{
		width: 15%;
	}
	
	header nav li a {
		width: 100%;	
	}
	
	.workplaceContainer .column:last-of-type {
		width: 64% !important;
	}

}

@media only screen and (max-width : 600px), (orientation:portrait)  {
	
	p, strong, td, th, li, span {
		font-size: 1.6em;
	}	
	
	a { font-size: 1.6em; }
	
	h3 { font-size: 2em; }
	
	h4	{ font-size: 1.9em; }
	
	header	{
		position: relative;
		height: auto;
		background-image: none;
		background-color: #CFCFCF;
		padding: 0 !important;
		z-index: 0;
	}
	
	header #logo {
		float: none;
		width: 100%;
		height: auto;
	}
	
	header #logo h1 {
		font-size: 2em;
	}
		
	header #logo h2 {
		font-size: 1.7em;
	}	
		
	header #logo img	{
		float: left;
		margin-right: 2em;
	}

	header nav li	{
		width: 100%;
		display: block;
	}

	header nav li a	{
		width: 100%;
		padding: 1em 0 1.2em 0;
	}

	#content	{
		padding: .5em 2em 2em 2em;
		margin: 0 !important;
	}	
	
	#content .column, .twoColContainer .column	{
		width: 100% !important;
		display: block;
		margin: 0;
		float: none;
	}
	
	#content .column h2 {
		font-size: 4em;
	}

	form div label	{
		position: relative;
		display: block;
		margin-bottom: .4em;
		
	}	
	
	form div input[type=text], form div input[type=password] {
		margin-left: 0;
		width: 80%;
	}
	
	.tabContainer h4 	{
		font-size: 1.8em;
		padding: .7em .4em;
	}
	
	.tabContainer h4 img {
		top: .9em;
	}
}