/* Styles from 0 till 680px */	
@media screen and (max-width: 680px) and (orientation: portrait) {
	#logo{
    	padding-top: 1.6em;
	}
	
	#synchUpTable {
		margin-left: -1.7em;
		margin-right: -1.7em;
		width: inherit;
		font-size: 0.8em;
	}
	
	.context, .contextLast {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.footer span {
		padding-left: 1em;
		float: left;
	}
}
@media screen and (max-width: 680px) {
	.body {
		font-size: 0.8em;
	}
	
	#logo{
    	padding-top: 1.6em;
	}
	
	.context, .contextLast {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.bodyContext ul li {
		padding-right: 1em;
	}
	
	table {
		margin: 0;
		width: 100%;
		text-align: left;
	}
	
	#scrumHeader, #jerboHeader, #viewHeader {
		width: auto;
	}
	
	li {
		padding-right: 1em;
		text-align: left;
	}
	
	ul {padding-left: 3em;}
	th {font-size: 0.7em;}
	

	.mobileMenuContext {
		font-size: 1.2em;
	}
	
}

@media screen and (min-width: 1024px) {
	.body {
		font-size: 1.1em;
		width: 70%;
		margin-left:15%;
		margin-right:15%;
	}
}

@media screen and (min-width: 1500px) {
	.body {
		font-size: 1.1em;
		width: 50%;
		margin-left:25%;
		margin-right:25%;
	}
}