@media only screen and (max-width:1440px) {
	html {
		background:#fff;
	}
}

@media only screen and (max-width:1250px) {
	html {
		background:#eeefed;
	}
	.wrapper {
		padding:0;
	}
	#header {
		height:110px;
		background:#fff;
	}
	#logo {
		width:240px;
		height:41px;
		background-size:240px 41px;
		top:35px; left:25px;
	}
	#nav {
		bottom:35px; right:25px;
	}
	#nav a {
		font-size:1em;
	}
	#content {
		padding:0 25px 25px 25px;
		background:#fff;
	}
	#team-logos {
		margin:-25px -25px 0 -25px;
		padding:10px 0;
	}
	h1 {
		font-size:2em;
		padding:25px;
		margin:0 -25px 25px -25px;
	}
	#footer {
		margin:0;
		padding:25px;
	}
}


@media only screen and (max-width:1150px) {
	.matches {
		font-size:12px;
	}
}


@media only screen and (max-width:1100px) {
	.match-column {
		display:none;
	}
}


@media only screen and (max-width:1024px) {
	body {
		font-size:13px;
		-webkit-text-size-adjust:none;
	}
	#nav li {
		margin-left:1.2em;
	}
}



@media only screen and (max-width:960px) {
	#nav.hidden {
		display:none;
	}
	#team-logos li {
		margin:0 32px;
	}
	#sidebar {
		width:22%;
	}
	#text {
		width:78%;
	}
	#albums li {
		width:150px;
		height:260px;
	}
	#albums img {
		width:150px;
		height:150px;
	}
	#albums li a strong {
		line-height:1.3;
	}
	#nav.hidden, #search {
		display:none;
	}
	#hamburger {
		display:block;
	}
	#nav {
		position:fixed;
		top:0; left:0;
		min-width:0;
		width:100%;
		height:100%;
		padding:0;
		background:#fce101;
		background:#000;
		z-index:10;
		border-radius:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		margin:0;
	}
	#nav li ul {
		display:block !important;
		position:static;
		background:none;
		width:auto;
		border:0;
		padding:3px 0;
	}
	#nav li,
	#nav li.top,
	#nav a.top,
	#nav li ul a {
		float:none;
		display:block;
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		background:none;
		transition:none;
		text-align:center;
		color:#fff;
		border-radius:0;
	}
	#nav li {
		margin-bottom:10px;
	}
	#nav a.top {
		font:500 1.5em/2 Montserrat, sans-serif;
		margin:auto;
	}
	#nav li:hover a.top,
	#nav ul li a:hover,
	#nav li.active ul li a,
	#nav li.active ul li a:hover {
		background:none;
	}
	#nav li ul a {
		font-size:16px;
		line-height:24px;
	}
	#nav ul a:hover {
		color:inherit;
		background:none;
	}
	#nav #close {
		display:block;
		height:47px;
		padding:18px 15px 0 0;
	}
	#nav #close img {
		float:right;
		width:23px;
		height:23px;
		cursor:pointer;
		padding:12px;
	}
	#nav #close img.spin {
		-webkit-animation-name:spin;
		-webkit-animation-duration:800ms;
	}
	@-webkit-keyframes spin {
		from	{-webkit-transform:rotate(-90deg)}
		to		{-webkit-transform:rotate(0deg)}
	}

	#teams {
		width:auto;
		margin-right:0;
	}
	#teams li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#teams li:nth-child(2) {
		border-top:1px solid #ddd;
	}
	#teams li:nth-child(odd) {
		clear:left;
	}
	#summaries th,
	#summaries td {
		padding-right:10px;
	}
	.overs-column, .time-column, .score-column {
		display:none;
	}
	.edition-row, .time-row, .score-row {
		display:inline;
	}
	#current-matches {
		height:auto;
		width:102%;
		margin-right:-2%;
	}
	#current-matches li {
		width:48%;
		margin:0 2% 10px 0;
	}
}


@media only screen and (max-width:767px) {
	#team-logos {
		display:none;
	}
	#summaries {
		width:auto;
		margin-right:0;
	}
	#summaries li {
		float:none;
		width:auto;
		margin-right:0;
		margin-bottom:1.2em;
		padding:10px;
		min-height:0;
	}
}


@media only screen and (max-width:680px) {
	#albums ul {
		margin-top:25px;
	}
	#albums li {
		width:120px;
		height:210px;
	}
	#albums img {
		width:120px;
		height:120px;
	}
	#albums li a strong {
		padding:0 5px;
	}
	#footer address,
	#footer #links {
		float:none;
	}
	#footer address {
		margin-bottom:1em;
	}
	#social-icons {
		position:absolute;
		top:20px; right:20px;
	}
	.ground-column, .result-column {
		display:none;
	}
	.ground-row {
		display:inline;
	}
	.matches {
		font-size:11px;
	}
	.matches a {
		padding:3px 5px;
	}
}

@media only screen and (max-width:550px) {
	body {
		font-size:13px;
	}
	#header {
		height:80px;
	}
	#logo {
		width:187px;
		height:32px;
		background-size:187px 32px;
		top:24px; left:17px;
	}
	h1 {
		font-size:1.8em;
	}
	h2 {
		font-size:1.5em;
	}
	#content {
		padding:0 17px 17px 17px;
	}
	h1 {
		padding:17px;
		margin:0 -17px 17px -17px;
	}
	#footer {
		padding:17px;
	}
	.rank-column, .bonus-full, .points-full {
		display:none;
	}
	.bonus-abbr, .points-abbr {
		display:inline;
	}
	#current-matches {
		width:auto;
		margin-right:0;
	}
	#current-matches li {
		float:none;
		width:auto;
		margin:0 0 8px 0;
	}
	.view-switcher-wrapper {
		text-align:center;
	}
}

@media only screen and (max-width:480px) {
	#hamburger {
		right:18px;	
	}
	#nav #close {
		padding-right:10px;
	}
	#text, #footer {
		padding:18px;
	}
	#sidebar {
		padding:15px;
	}
	#albums ul, #images, #thumbs {
		width:104%;
		margin-right:-4%;
	}
	#albums li, #images li, #thumbs li {
		width:46%;
		margin-right:4%;
		height:auto;
		padding-bottom:18px;
	}
	#images li, #thumbs li {
		padding-bottom:0;
		margin-bottom:10px;
	}
	#albums li:nth-child(odd),
	#images li:nth-child(odd),
	#thumbs li:nth-child(odd) {
		clear:left;
	}
	#albums li a span {
		display:none;
	}
	#albums img {
		width:100%;
		height:auto;
		margin-bottom:8px;
	}
	#images img,
	#thumbs img {
		width:100%;
		height:auto;
	}
	#footer address {
		max-width:200px;
	}
	#social-icons a {
		width:30px;
		height:30px;
		background-size:30px 30px;
	}
	.form .short-buttons input.button {
		width:100px;
	}
	#teams li {
		padding-left:95px;
		min-height:82px;
		margin-bottom:1.6em;
	}
	#teams img {
		top:8px;
		width:75px;
		height:75px;
	}
}

@media only screen and (max-width:359px) {
	.wrapper {
		min-width:320px;
	}
	.form .short-buttons input.button {
		width:80px;
	}
	.form .postcode {
		display:block;
		width:60px;
		margin-top:0.8em;
	}
}