header > div:nth-of-type(2),
header > div:nth-of-type(3),
#banner .text h3,
footer .flex > div:nth-of-type(1),
footer .flex > div:nth-of-type(3),
#banner .buttons,
#banner h1,
.desktop
{display: none !important;}

header {
position: relative;
margin-bottom: 5vw;
background: var(--cyan);
padding: 5vw 10%;
width: 80%;
top: 0; 
left: 0;
}

header > div img {
width: 70%;
}

.mobileheadline {display: block; float: left; width: 100%; margin: 3vw 0;}
	.mobileheadlinesteppedin {width: 80%; margin-left: 10%;}
.mobileheadline h1 {color: var(--cyan); filter: revert;}

.mobile {display: block;}

#banner .texthome {transform: revert;}

#product > div,
#product > div:nth-of-type(2),
.two_cols > div,
.two_cols_proper {
	clear: both !important;
	float: left !important;
	width: 100% !important;	
	column-count: 1;
}

#banner {
width: 80%;
position: revert;
display: flex;
margin: 5vw 10%;
border-bottom-right-radius: revert; 
background: none !important;
display: none;
}


#banner img, #banner::before {display: none !important;}

h1, h3 {font-size: 6vw !important;}

h1 {color: var(--cyan); filter: revert;}

.two_cols strong {font-size: 4vw !important; font-weight: 300; margin: 2vw 0;}


p,
#intro > div:nth-of-type(2) p,
li,
#showcase li,
a,
button, .nf-form-content input[type=submit],
#product_loop p.size span, .available_sizes p span,
#enquire p, #enquire h4,
p .small
{font-size: 3vw !important;}


button, .nf-form-content input[type=submit]
{padding: 2vw 3vw 2vw 3vw !important; margin-bottom: 1vw;}


#sections {display: block;}

#intro > div, #brochure > div {width: 100% !important;}

#showcase .image, #showcase .text
{width: 100%; float: revert; text-align: center;}


.promo_product {display: block;}

.promo_product, .promo_product > div,
.promo_product > div:nth-of-type(2)
{width: 80%;
	/* margin: 0 10%; */
	float: left;
	text-align: center;
	padding: 3vw 10%;}

#showcase h3, #brochure h3, #pets h3, .promo_product h3 {text-align: center; width: 100%;}
#showcase p, #showcase li {display: none !important;}

#brochure, #pets  {display: block; text-align: center;}

#pets > div:first-of-type,
#pets > div:nth-of-type(2),
#pets p,
footer .flex > div:nth-of-type(2),
#product > div > span.text p
{width: 100%; float: left; margin-left: 0;}

.flex_wrapper > div {width: 100% !important; min-width: 100% !important;}

footer .flex > div img {width: 50%;}

.lower_footer ul {margin-left: 0}

nav li {display: block;}
nav li a:after {content: " "}

.intro_2_cols {width: 100%; column-count: 1;}


#product_loop > div {
min-width: 100%;
max-width: 100%;
padding: 0;
margin: 3vw 0;
}

#granite > div {
margin-right: 2%;
min-width: 30%;
max-width: 30%;
}