/*  style sheet for shantiyoga (Konny Scotthorne) July 2017 */
@media (max-width: 768px) {
	/* small screen devices, use a more linear design */
	body {
		background-color:#e0e0e0;
		font-family: 'Bree Serif', serif;
		font-size: 16px;
	}
	.main {
		margin:0 auto;
		width:370px;
		height: 1530px;
		padding:2px;
		border:solid 1px #000000;
	}	
	.header {
		width:98%;
		height: 102px;
		border:solid 1px #000000;
		background-image:url('../images/shanti_yoga_logo_mobile.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.topleft {
		width: 98%;
		height: 240px;
		margin-top:5px;
		text-align:center;
		background-color:#ffffff;
		border:solid 1px #000000;
	}
	.topright{
		width: 94%;
		height: 500px;
		margin-top:5px;
		padding-left:2%;
		padding-right:2%;
		text-align:justify;
		background-color:#ffffff;
		border:solid 1px #000000;
	}

	.middle {
		width: 94%;
		height:520px;
		padding-left:2%;
		padding-right:2%;
		margin-top:5px;
		text-align:justify;
		background-color:#ffffff;
		border:solid 1px #000000;
	}

	.bottom {
		width: 94%;
		height:150px;
		padding-left:2%;
		padding-right:2%;
		margin-top:5px;
		text-align:justify;
		background-color:#ffffff;
		background-image:url('../images/footer_mobile.png');
		border:solid 1px #000000;
	}
	
	.bottom:after{
		content: "O7971 836910 info@shantiyogasheffield.co.uk";
		
	}
	
	h1 {
		font-size: 1.1em;
		font-weight: bold;
		font-style: italic;
		color:#e08040;
	}
}

@media (min-width: 769px){
	/* Everything else */
	body {
		background-color:#e0e0e0;
		background-image:url('../images/background_1.jpg');
		font-family: 'Bree Serif', serif;
		font-size: 14px;
		}
	.main {
		margin:0 auto;
		width:1004px;
		height: 870px;
		padding:2px;
		border:solid 1px #000000;
	}	
	.header {
		width:1002px;
		height: 200px;
		border:solid 1px #000000;
		background-image:url('../images/shanti_yoga_logo_2.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.topleft {
		width: 220px;
		height: 240px;
		float:left;
		margin-top:5px;
		text-align:center;
		background-color:#ffffff;
		border:solid 1px #000000;
	}
	.topright{
		width: 755px;
		height: 240px;
		float:left;
		margin-top:5px;
		margin-left:5px;
		padding-left:10px;
		padding-right:10px;
		text-align:justify;
		background-color:#fff7f0;
		border:solid 1px #000000;
	}

	.middle {
		width: 982px;
		height:300px;
		padding-left:10px;
		padding-right:10px;
		margin-top:5px;
		text-align:justify;
		background-color:#fff7f0;
		border:solid 1px #000000;
	}

	.bottom {
		width: 982px;
		height:105px;
		padding-left:10px;
		padding-right:10px;
		margin-top:5px;
		text-align:justify;
		background-color:#ffffff;
		background-image:url('../images/footer.png');
		border:solid 1px #000000;
	}
	h1 {
		font-size: 1.1em;
		font-weight: bold;
		font-style: italic;
		color:#e08040;
	}
	
}