@media screen and (min-width: 1100px) {
    table.mainHeader {
		width: 1100px;
		height: 42px;
	}
	td.mainHeaderLinksContainer {
		text-align: right;
	}
    div.mainNavDesktop {
		display: block;
	}
	div.mainNavMobile {
		display: none;
	}
}

@media screen and (max-width: 1099px) {
    table.mainHeader {
    	width: 100%;
		height: 42px;
	}
	td.mainHeaderLinksContainer {
		text-align: center;
	}
    div.mainNavDesktop {
		display: none;
	}
	div.mainNavMobile {
		display: block;
	}

}