@media screen and (max-width: 768px)
{
#header{margin-top:0px;	margin-bottom: 40px; width: 100%; border: 0px solid #9208AB; margin: 0px auto 0px auto;	}
#headerimage{background-image: url('https://littlebones.co.uk/images/littlebonesheadersmall.jpg');background-size: 320px 143px;    background-color: #AE86BB;height: 143px;width: 320px;margin: 0px auto 0px auto;}	
#menu{display: block;width: 100%;border: 0px solid #9208AB; text-align: center;	background: #ffffff; margin: 0px auto 0px auto; min-height: 40px; padding: 0px}
#menuouter{background: #ffffff;width:100%; min-height: 40px}
#containermain{vertical-align:top;border: 0px solid #a9a9a9;min-width: 310px;padding-right: 5px;padding-left: 5px;	padding-top: 20px;padding-bottom: 40px;	margin: 0px auto 0px auto;}		
#menubottomouter {min-width:320px;background-color:#ffffff}
#menubottom{border: 0px solid #ffffff;display: block;width: 100%;margin: 0px auto 0px auto;background-color:#ffffff}
#footer{min-width: 310px;display: block;padding: 5px;font-size: 12pt;font-family: "Times New Roman", verdana; color: #444;margin: 0px auto 0px auto;border: 0px solid #ffffff;background-color:#ffffff;margin: 0px auto 0px auto;}
.pricecol400{width: 320px;border: 0px solid #445566;}
.pricecol200{width: 320px;border: 0px solid #445566;}
	/* dog image at bottom of page */
#bottomwhite{background-image: url('https://littlebones.co.uk/images/dogsbottomwhite.jpg');background-size: 320px 68px;  background-color: #ffffff;height: 68px;width: 320px;margin: 0px auto 0px auto;}
#bottompurple{background: url('https://littlebones.co.uk/images/dogsbottom.jpg');background-size: 320px 68px;background-color:  #AE86BB;	height: 68px;width: 211px;	margin: 0px auto 0px auto;}
#bottomdogspurple{background: url('https://littlebones.co.uk/images/dogsbottomdogpurple.jpg');background-size: 320px 68px; background-color:  #AE86BB;height: 68px;width: 320px;margin: 0px auto 0px auto;}
#menunodisplay{display: none}
.btn {width: 100%; height: 40px; background-color: #ffffff; border: 1px solid #a9a9a9;margin-top:0px;padding:5px 5% 5px 5%;font-size: 14pt; text-align:left; color:#000000}
#navigation{padding-top: 0px;padding-bottom: 0px; background-color: #ffffff;width: 100%;margin: 0px; min-height: 40px;}
#navigation ul {display: none;list-style: none; margin:  0px; padding-left: 0px}
#navigation ul.expanded {display: block;}
img.menu {width: 28px; height: 18px; float: right; margin-right: 5px; padding:2px 0px 0px 0px}
.textmenubottom	{color: #000000;font-size: 14pt; line-height: 1.6}
}
/* Start of larger screem */
@media screen and (min-width: 769px)
{
#header	{margin-top:0px;margin-bottom: 0px;width: 1000px;height: 190px;border: 0px solid #9208AB;margin: 0px auto 0px auto;}
#headerimage{background-image: url('https://littlebones.co.uk/images/littlebonesheader.jpg');background-size: 373px 167px; background-color: #AE86BB;height: 167px;width: 373px;	float: left}	
#menuouter{background: #ffffff;width:100%; min-height: 25px;margin: 0px auto 0px auto;}
#menu{border: 0px solid #9208AB; display: block;width: 1000px;position: relative;bottom: 0px;text-align: right;border: 0px solid #9208AB; background: #ffffff;margin: 0px auto 0px auto;}
#containermain{vertical-align: top;	border: 0px solid #a9a9a9;width: 920px;margin: 0px auto 0px auto;overflow: hidden;	padding-right: 40px;padding-left: 40px;padding-top: 40px;padding-bottom: 40px;-moz-box-shadow:    inset 0 0 5px #ffffff;   -webkit-box-shadow: inset 0 0 5px #ffffff;box-shadow: inset 0 0 5px #ffffff;	}	
#menubottomouter{width:100%;margin: -18px auto 0px auto;background-color:#ffffff}
#menubottom	{border: 1px solid #ffffff; display: block;	width: 1000px;margin: 0px auto 0px auto;background-color:#ffffff}
#footer	{width: 990px;	display: block;	text-align: center;	padding: 5px;font-size: 12pt;font-family: "Times New Roman", verdana; 
color:  #444;margin: 0px auto 0px auto;	border: 0px solid #115599;background-color:#ffffff;	}
.footleft4 {float: left; margin-left: 20px; }
.footright4 {float: right; margin-right: 20px; }	
.pricecol400{display:inline-block;width: 400px; border: 0px solid #445566; margin-left:100px}
.pricecol200{display:inline-block; width: 200px; border: 0px solid #445566}
		/* dog image at bottom of page */
#bottomwhite{background: url('https://littlebones.co.uk/images/dogsbottomwhite.jpg');background-size: 1000px 211px; background-color: #ffffff;height: 211px;	width: 1000px;	margin: 0px auto 0px auto;}
#bottompurple{background: url('https://littlebones.co.uk/images/dogsbottom.jpg');background-size: 1000px 211px;	background-color:  #AE86BB;	height: 211px;	width: 1000px;	margin: 0px auto 0px auto;}
#bottomdogspurple{background: url('https://littlebones.co.uk/images/dogsbottomdogpurple.jpg');background-size: 1000px 211px; background-color:  #AE86BB;	height: 211px;width: 1000px;margin: 0px auto 0px auto;}
#navigation{display:none}
#menunodisplay{display: block}
.textmenubottom	{color: #000000;font-size: 10pt;}
}
	/* end of larger screen */
h2.header {font-size: 28pt;font-family: "Times New Roman", verdana;	font-weight: bold;margin-top: 0px;text-align: center;color:#000000;}		
h3.header{font-size: 18pt;font-family:  "Times New Roman", verdana; 	color: #ffffff;	text-align: right; margin-right: 34px}
.menubottom-block{display: inline-block;border: 0px solid #d8d6d5;padding-left: 4%;padding-right: 4%;width: 220px;vertical-align:top
}	
.menubottom-block-right{display: inline-block;border: 0px solid #000000;padding-left: 4%;padding-right: 4%;width: 300px;vertical-align: top	}		
.textmenu{font-size: 14pt;font-family: "Times New Roman", verdana, sana-serif; padding-right: 20px;color:  #000000;	letter-spacing:1px;	font-weight: bold;}