html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
img,object,embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}
small {font-size: 85%;}
strong {font-weight: bold;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body {
	background-color: #f5dc00;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
}
#page-wrap {
	width: 100%;
	min-height:100%;
	margin: 0 auto;
	height:100%;
    background-color: black;
	position:relative;
}
header {
	display: block;
	max-width: 100%;
    background-color: black;
}
img.cheese-and-tomato-logo {
	display: block;
	float: none;
	width: 100%;
}
	
/*Animated Menu (NOT USED) -------------------------------------- Start*/
#menu, #menu-button {
	display: none;
}
#menu {
	display: none;
}
img.menu-icon {
	height: 1.25em;
	vertical-align: bottom;
}
p.menu-text {
	display:inline;
	color:#f5dc00;
}
/*Animated Menu (NOT USED) -------------------------------------- End*/


/*Desktop Menu -------------------------------------- Start*/
nav.cheese-and-tomato-menu {
	display: none;
}
li.cheese-and-tomato-menu  {
	display: none;
}
/*Desktop Menu -------------------------------------- End*/

h2 {
	font-size: 1.7em;
	font-family: 'Oswald', cursive;
	color: yellow;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: black;
}
a.logo:link{text-decoration: none;} /*unvisited link*/
a.logo:visited{text-decoration: none;} /*unvisited link*/
a.logo:hover{text-decoration: none;} /*unvisited link*/
a.logo:focus{text-decoration: none;} /*unvisited link*/
a.logo:active{text-decoration: none;} /*unvisited link*/

h1 {
	font-size: 1.7em;
	font-family: 'Oswald', cursive;
	color: yellow;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: black;
}
h3 {
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	color: lightgrey;
	padding-left: 4%;
	padding-bottom: 1%;
}
p {
	text-align: justify;
	font-family: 'Lato', sans-serif;
	line-height: 180%;
	padding: 3% 4% 3% 3%;
	font-size: 1.1em;
	color: #fff;
}
a.website-examples:link {display:block; color: white; text-decoration: none;} /*unvisited link*/
a.website-examples:visited {color:white; text-decoration: none; } /*visited link*/ 
a.website-examples:focus {color:white; text-decoration: none;} /*when element is active*/
a.website-examples:hover {color:white; font-weight: bold; text-decoration: none;} /*hover over link*/ 
a.website-examples:active {color: black; text-decoration: none;} /*onclick link*/
ul {
	text-align: center;
}
li {
	font-family: 'Oswald', cursive;
	font-size: 1.4em;
	list-style: none;
	padding-top: 2%;
	padding-bottom: 2%;
	color: yellow;
}
div.center{
	text-align: center;
}
div.colsimages {
	display: inline-block;
	width: 99%;
}
div.colstext {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 2% 1% 2% 1%;
}
div.colstextunique {
	display: inline-block;
	width: 99%;
	vertical-align: top;
	padding: 2% 1% 2% 1%;
}
article {
	clear: both;
	max-width:100%;
	float:none;
	height:100%;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, #4d0000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, #4d0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, #4d0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, #4d0000); /* Standard syntax */
}
a.next-page:link {display: inline-block; text-shadow: 4px 3px 4px rgba(150, 150, 150, 1); padding: 1% 5% 1% 5%; border-radius: 25px; background-color: #f5dc00; color:black; font-family: 'Oswald', cursive; font-size: 1.5em; text-decoration: none;} /*unvisited link*/
a.next-page:visited {color:black; text-decoration: none; } /*visited link*/ 
a.next-page:focus {color:black; text-decoration: none;} /*when element is active*/
a.next-page:hover {color:black; font-weight: bold; text-decoration: none;} /*hover over link*/ 
a.next-page:active {color: red; text-decoration: none;} /*onclick link*/

a.contact-page:link {display: inline-block; text-shadow: 4px 3px 4px rgba(150, 150, 150, 1); padding: 1% 5% 1% 5%; border-radius: 25px; background-color: #f5dc00; color:black; font-family: 'Oswald', cursive; font-size: 1.5em; text-decoration: none;} /*unvisited link*/
a.contact-page:visited {color:black; text-decoration: none; } /*visited link*/ 
a.contact-page:focus {color:black; text-decoration: none;} /*when element is active*/
a.contact-page:hover {color:black; font-weight: bold; text-decoration: none;} /*hover over link*/ 
a.contact-page:active {color: red; text-decoration: none;} /*onclick link*/

a.phone:link {display: inline-block; text-shadow: 4px 3px 4px rgba(150, 150, 150, 1); padding: 1% 5% 1% 5%; border-radius: 25px; background-color: #f5dc00; color:black; font-family: 'Oswald', cursive; font-size: 1.5em; text-decoration: none;} /*unvisited link*/
a.phone:visited {color:black; text-decoration: none; } /*visited link*/ 
a.phone:focus {color:black; text-decoration: none;} /*when element is active*/
a.phone:hover {color:black; font-weight: bold; text-decoration: none;} /*hover over link*/ 
a.phone:active {color: red; text-decoration: none;} /*onclick link*/

img.clients {
	display: block;
	margin: auto;
	max-width: 80%;
	padding: 7% 0% 1% 0%;
}
	
/*Form -------------------------------------- Start*/
div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}
form.contactform {
	display: inline-block;
	width: 80%;
	margin: 0 auto;
	}
label {
	display:none;
}
input,textarea {
	display: block;
	width: 80%;
	margin: 2% auto;
	padding: 2%;
	border-style: none;
	border-radius: 25px;
	background-color: #f5dc00;
	color: black;
}
input:focus,textarea:focus {
	background-color: white;
	color: black;
}
.button {
	font-family: font-family: 'Lato', sans-serif;
	font-size: 1.25em;
	border-radius: 25px;
	width: 20%;
	padding: 1%;
	border: 2px solid red;
	background: black;
	color: white;
}
/*Form -------------------------------------- End*/

/*Footer -------------------------------------- Start*/
footer.cheese-and-tomato {
	clear: both;
	display: block;
	max-width:100%;
	min-height:100%;
	padding-top: 1%;
	background-color:black;
}
footer.cheese-and-tomato-page-links {
	display: inline;
	float:left;
	width:45%;
	height:100%;
	padding-bottom: 1%;
	background-color:black;
}
h2.cheese-and-tomato-bottom-page-links {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: 'Oswald', cursive;
	padding-top: 3%;
	padding-bottom: 1%;
	padding-left: 7%;
	color:red;
}
h2.cheese-and-tomato-bottom-contact-details {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: 'Oswald', cursive;
	padding-top: 3%;
	padding-bottom: 1%;
	padding-left: 7%;
	color:red;
}
li.cheese-and-tomato-page-links {
	padding-left: 10%; 
	font-size: 0.9em;
	line-height: 35px; 
	text-align: left;
}
li.cheese-and-tomato-address {
	padding-left: 5%; 
	font-size: 0.9em;
	color:lightgrey;
	text-align: left;
}
a.cheese-and-tomato-page-links:link {color:#f5dc00; font-family: font-family: 'Lato', sans-serif; text-decoration: none;} /*unvisited link*/
a.cheese-and-tomato-page-links:visited {color:#f5dc00; text-decoration: none;} /*visited link*/ 
a.cheese-and-tomato-page-links:focus {color:red; text-decoration: none;} /*when element is active*/
a.cheese-and-tomato-page-links:hover {color:red; text-decoration: none;} /*hover over link*/ 
a.cheese-and-tomato-page-links:active {color:red; text-decoration: none;} /*onclick link*/
a.cheese-and-tomato-page-links-selected {color:red; text-decoration: none;} /*onclick link*/

footer.cheese-and-tomato-address {
	display: inline;
	float:right;
	width:55%;
	height:100%;
	background-color:black;
}

a.call-cheese-and-tomato-footer:link {color:white; font-family: 'Lato', sans-serif; text-decoration: none;} /*unvisited link*/
a.call-cheese-and-tomato-footer:visited {color:white; text-decoration: none;} /*visited link*/ 
a.call-cheese-and-tomato-footer:focus {color:red; text-decoration: none;} /*when element is active*/
a.call-cheese-and-tomato-footer:hover {color:red; text-decoration: none;} /*hover over link*/ 
a.call-cheese-and-tomato-footer:active {color:red; text-decoration: none;} /*onclick link*/

/*Social Media -------------------------------------- Start*/
footer.social-media {
	clear: both;
	max-width:100%;
	float:none;
	height:100%;
	padding-top: 10%;
	padding-left: 5%;
	text-align: left;
	background-color:black;
}
img.social-media-logos {
	width: 10%;
	vertical-align: middle;
}
/*Social Media -------------------------------------- End*/

footer.norwich-it-mobile {
	display: none;
}	
footer.norwich-it {
	clear: both;
	display: block;
	max-width: 100%;
	margin-top: 0px;
	padding-right: 1%;
	height: 100%;
	text-align: right;
	top: 0px;
	background-color: black;
}	

a.norwich-it:link { color: lightgrey; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.8em; font-weight: normal; line-height:30px; background-color:black;}
a.norwich-it:visited { color: lightgrey; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.8em; font-weight: normal; line-height:30px; background-color:black;} 
a.norwich-it:hover { color: lightgrey; text-decoration: underline; font-family: arial, sans-serif; font-style: normal; font-size: 0.8em; font-weight: normal; line-height:30px; background-color:black;}

img.norwich-it {
	padding-right: 0.9%;
	max-width: 300px;
}

/*Footer -------------------------------------- End*/

/* Media queries
-------------------------------------------------------------------------------*/
/* Small Screen Mobiles ----------- */
@media screen and (max-width: 349px) {
h1 {
	font-size: 1.3em;
}
div.colstext {
	width: 99%;
}
footer.norwich-it-mobile {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0px;
	padding-right: 1%;
	height: 100%;
	text-align: center;
	top: 0px;
	background-color: black;
}	
footer.norwich-it {
	display: none;
}
img.norwich-it {
	max-width: 60%;
}
}
@media screen and (min-width: 350px) and (max-width:399px) {
h1 {
	font-size: 1.7em;
}
div.colstext {
	width: 99%;
}
footer.norwich-it-mobile {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0px;
	padding-right: 1%;
	height: 100%;
	text-align: center;
	top: 0px;
	background-color: black;
}	
footer.norwich-it {
	display: none;
}
img.norwich-it {
	max-width: 60%;
}
}
/* Small Screen Mobiles ----------- */
@media screen and (min-width: 400px) and (max-width:499px) {
h1 {
	font-size: 1.8em;
}
div.colstext {
	width: 99%;
}
footer.norwich-it-mobile {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0px;
	padding-right: 1%;
	height: 100%;
	text-align: center;
	top: 0px;
	background-color: black;
}	
footer.norwich-it {
	display: none;
}
img.norwich-it {
	max-width: 60%;
}
}
/* Small Screen Mobiles ----------- */
@media screen and (min-width: 500px) and (max-width:1023px){
h1 {
	font-size: 2em;
	}
}
/* Large Tablets (portrait and landscape) ----------- */
@media only screen and (min-width: 1024px) {
#page-wrap {
	max-width: 1000px;
	min-height:100%;
	margin: 0 auto;
	height:100%;
    background-color: white;
	position:relative;
}
img.cheese-and-tomato-logo {
	display: inline;
	float: left;
	padding-left: 2%;
	padding-bottom: 1%;
	width: 35%;
	background-color: white;
	}
h1 {
	font-size: 2em;
}
/*Desktop Menu -------------------------------------- Start*/
nav.cheese-and-tomato-menu {
	display: inline;
	float: right;
	padding-top: 4%;
	width: 65%;
	background-color: white;
	text-align: center;
}
li.cheese-and-tomato-menu  {
	display: inline;
	padding-left: 5%; 
	padding-right: 1%; 
	font-size: 1.25em;
	line-height: 50px; 
	white-space: nowrap;
}
a.cheese-and-tomato-menu:link {color:black; text-decoration: none; font-family: 'Oswald', cursive;} /*unvisited link*/
a.cheese-and-tomato-menu:visited {color:black; text-decoration: none; font-family: 'Oswald', cursive;} /*visited link*/ 
a.cheese-and-tomato-menu:focus {color:red; text-decoration: none; font-family: 'Oswald', cursive;} /*when element is active*/
a.cheese-and-tomato-menu:hover {color:red; text-decoration: none; font-family: 'Oswald', cursive;} /*hover over link*/ 
a.cheese-and-tomato-menu:active {color:red; text-decoration: none; font-family: 'Oswald', cursive;} /*onclick link*/
a.cheese-and-tomato-menu-selected {color:red; text-decoration: none; font-family: 'Oswald', cursive;} /*selected link*/

/*Desktop Menu -------------------------------------- End*/
div.colsimages {
	display: inline-block;
	width: 49%;
}
div.colstext {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}
div.colstextunique {
	display: inline-block;
	width: 33%;
	vertical-align: top;
	padding: 2% 1% 2% 1%;
}
p {
	text-align: justify;
	padding: 3% 5% 2% 5%;
}
}


/* Print styles
-------------------------------------------------------------------------------
@media print {
}