/*When screen goes below certain widths, 
hide some elelments and show others */

@media only screen and (max-width: 850px) {
	#carvery-cta{
		display:none;
	}
	#carvery-icon{
		display:block;
	}
}

@media only screen and (max-width: 700px) {
	#gift-voucher-cta{
		display:none;
	}
	#gift-voucher-icon{
		display:block;
	}
	#menu-bar{
		display:none;
	}
	.collapsible-menu{
		display:block;
	}
	.xs_intro{
		font-size:3vw;
	}
	#daptank{
		display:none;
	}
	h2{
		font-size:3vw;
	}
	p, ul{
		font-size:2.5vw;
	}
	.menu-sitemap a{
		font-size:2.6vw;
	}
		.collapsible-menu a{
		font-size:3vw;
	}
	
	#copyright{
		font-size:1.8vw;
	}
}



@media only screen and (max-width: 610px) {
	#enquire-now-cta{
		display:none;
	}
	#enquire-now-icon{
		display:block;
	}
	
	#fieldClothing{
		font-size:2vw;
	}
	.menu-sitemap a{
		font-size:2.8vw;
		color:#f0f0f0;
	}
	.collapsible-menu a{
		font-size:4vw;
	}
	.overlay .closebtn {
 	font-size:6vw; 
      
	}
}

@media only screen and (max-width: 585px) {
	#telephone-number{
		display:none;
	}
	#telephone-icon{
		display:block;
	}
	.collapsible-menu a{
		font-size:5vw;
	}
	P, #fieldClothing {
		font-size:3.6vw;
	}
	a.blogChildLink{
		font-size:5vw;
	}
	.page-header h2, .page-header a{
		font-size:5vw;
		color:white;
	}
	.cat-children a:hover{
	font-size:5vw;
	}
	.menu-sitemap a{
		font-size:3.0vw;
		color:#f0f0f0;
	}
	#copyright{
		font-size:1.9vw;
	}
  	.overlay .closebtn {
 	font-size:8vw; 
      
	}
  
}



/* ==== Controls and Buttons ==== */
/* ==== Classes ==== */
.c2a-button-image:hover{
	border-style:solid;
	border-color:white;
	border-radius:10px;
}