/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design ltd
   ========================================================================== */

	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 550px) {
		
		html {
			font-size: 75%;
		}
		
		.mobile {
			display: block;
		}
		
		header,
		footer {
			display: none;
		}
		
		.wrapper {
			width: auto;
		}
		
		.tiles {
			margin-left: 0;
			margin-right: 0;
		}
			a.tile {
				width: 48%;
				margin: 0 1% 1em 1%;
			}
		
		.col,
		.cols {
			margin:0;
			float: none;
			display: block;
			width: auto;
		}
			.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
				width: auto;
				margin: 0 0 1em 0;
			}
		
		#middle {
			padding-left: 1em;
			padding-right: 1em;
		}
		
		#middle img {
			max-width: 100%;
			height: auto;
		}
		
		.concerts-past .item {
			width: 100%;
			margin: 0 0% 1em 0%;
		}
		
		.concert {
			height: auto;
		}
			.concert .concert-inner {
				height: auto;
				background-size: cover;
			}
			.concert .meta {
				float: none;
				width: auto;
				height: auto;
				padding-bottom: 1em;
			}
			.concert .info {
				margin:0;
				height: auto;
				background-size: cover;
				padding:1em;
			}
			.concert .actions {
				float: none;
				width: auto;
				height: auto;
			}
				.concert .actions a.book {
				}
		
	}
   
	/* ----------- */
	@media only screen 
	and (min-width: 551px) 
	and (max-width : 784px) {
		
		html {
			font-size: 75%;
		}
		
		.mobile {
			display: block;
		}
		
		header,
		footer {
			display: none;
		}
		
		.wrapper {
			width: auto;
		}
		
		.tiles {
			margin-left: 0;
			margin-right: 0;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 785px) 
	and (max-width : 864px) {

		html {
			font-size: 62.5%;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 865px) 
	and (max-width : 1017px) {
		
		html {
			font-size: 68.8%;
		}
		
	}

	/* iPads (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		
	}
	
	/* iPads (landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		
	}
	
	/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		
	}


/**
*** Retina devices
**/


	/* iPhone 4 and 4S (retina screens - portrait and lanscape) ----------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {
		
	}

	/* iPhone 4 and 4S (retina screens - lanscape) ----------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape),
	only screen and (min-device-pixel-ratio : 1.5) and (orientation : landscape) {
		
	}