/********
* RESET *
*********/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}
/*** Reset ***/

/*********
* LAYOUT *
*********/
/* MAIN LAYOUT */
body {
background-color: #ffffff;
}

	div#wrapper {
	width: 100%;
	}

		div#promo-wrap {
      display: none;
		background-color: #006600;
		}
         div#promo-wrap div#promo {
         padding: 1rem;
         text-align: center;
         }

      header#masthead {
		width: 100%;
		}

			div#logo-container {
			float: left;
			width: 34%;
			}

			div#search-basket-container {
			float: right;
			min-width: 622px;
			height: 199px;
			background-image: url('../images/search-basket-container-bg.png');
			background-repeat: no-repeat;
			}

				div#search-box-wrap, div#basket-wrap {
				padding-bottom: 1rem;
				}

				   div#search-box-wrap p {
               color: #ffffff;
				   text-align: right;
               font-size: 0.65rem;
               margin: 0.25rem 5.8rem 0 0;
				   }


					div#basket-wrap {
					float: right;
					}

						div#basket-link {
						color: #ffffff;
						}

   						div#basket-text {
   						float: left;
   						padding-right: 5rem;
   						background-origin: border-box;
   						background-position: right bottom;
   						background-image: url('../images/basket-white.png');
   						background-repeat: no-repeat;
   						background-size: 30px 30px;
   						}

			div#logo-wrap, div#search-basket-wrap, nav#main-nav, main aside, div#questionnaire, div#newsletter-wrap, div#social-wrap, div#sitemap-wrap {
			padding: 1rem;
			}

			div#mobile-menu-img {
			/*display: none;*/
			min-width: 30px;
			width: 30px;
			max-width: 30px;
			padding: 0 1rem 1rem 1rem;
			position: fixed;
			/*top: 218px;*/
         top: 200px;/*Promo Banner*/
			right: 0;
			cursor: pointer;
			}

         div#mobile-menu-img p#mobile-menu-text {
         position: relative;
         top: 3px;
         right: 6px;
         color: #664400;
         }

				nav#main-nav {
				width: auto;
				margin: 0 auto;
				padding-top: 0;
				text-align: center;
				background-color: #ffffff;
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				}
					nav#main-nav ul {
					width: 100%;
					margin: 0 auto;
					padding: 0;
					}
						nav#main-nav ul li {
						padding-right: 4rem;
						display: inline;
						}

					div#main-home-wrap, div#main-schools-wrap, div#main-business-wrap, div#main-free-resources-wrap, div#main-services-wrap, div#main-blog-wrap {
					background-color: #ffffff;
					width: auto;
					height: 100%;
					padding: 1rem;
					display: none;
					transition: 0.4s;
					}

						div.main-nav-list {
						float: left;
						width: 27%;
						max-width: 27%;
						background-color: #f8f8f8;
						margin-right: 1rem;
						margin-bottom: 1rem;
						padding: 0.5rem 1rem 1rem 1rem;
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						}

						section#navigation div#main-nav-container div h4 {
						margin: 0;
						padding: 0 0 0.5rem;
						line-height: 1.75rem;
						}

						section#navigation div#main-nav-container div a.close-main {
						float: right;
						margin-top: -0.6rem;
						font-size: 2rem;
						font-weight: bold;
						position: -webkit-sticky;
						position: sticky;
						top: 3rem;
						}

						section#navigation div#main-nav-container div.main-nav-list ul {
						list-style-type: none;
						}

						.accordion {
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						background-color: #ffffff;
						color: #664400;
						cursor: pointer;
						text-align: left;
						transition: 0.5s;
						}

							.active, .accordion:hover {
							background-color: #eeeeee;
							}

							.panel {
							display: none;
							overflow: hidden;
							}

					div#aside-menu-link {
					padding: 0;
					}

			div#breadcrumbs {
			padding: 0 1rem;
			}

				div#breadcrumbs ul {
				padding: 0 0 1rem 0;
				}

					div#breadcrumbs ul li {
					padding: 0 0.25rem;
					display: inline;
					}

					div#breadcrumbs ul li.home {
					padding-left: 0;
					}

			div#mobile-menu-wrap, div#blog-menu-wrap, main, section#meta {
			background-color: #f8f8f8;
			}
				div#mobile-menu-wrap {
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				}

				div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
				display: none;
				min-width: 50%;
				width: 50%;
				max-width: 50%;
				margin-top: 0.25rem;
				margin-bottom: 1rem;
				padding: 0.5rem 1rem 0 1rem;
				/*-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;*/
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				}

				nav#mobile-nav a.close-mobile-sub-menus {
				float: right;
				}

				div#social-icons-wrap ul li, div#meta-wrap ul li {
				padding: 0 0 0 1rem;
				display: inline;
				}

			main {
			padding: 0 0 2rem 0;
			}

				main header#banner, main article#copy aside#ad, footer {
				background-image: linear-gradient(105deg, rgba(0,102,0,1), rgba(102,170,17,0.9), rgba(0,102,0,1));
				}

				main header#banner {
				margin-bottom: 1rem;
				padding: 1.5rem 2rem 2rem 2rem;
				text-shadow: 1px 1px 8px #007800;
				}
					main header#banner div#banner-wrap {
					min-width: 60%;
					max-width: 65%;
					margin: 0 auto;
					}
					main header#banner div#banner-wrap h1, main header#banner div#banner-wrap h2 {
					padding-right: 0;
					padding-left: 0;
					text-align: center;
					}
					main header#banner div#banner-wrap p {
					padding: 0 0 0.5rem 0;
					text-align: center;
					line-height: 1.75rem;
					}
					main header#banner div#banner-wrap ul {
					padding: 0;
					list-style-type: none;
					list-style-position: inside;
					text-align: center;
					}
						main header#banner div#banner-wrap ul li {
						display: inline;
						}

				/*main article#copy div#promo-wrap {
				width: 62%;
				padding: 1rem 1rem 2rem;
				background-color: #f8f8f8;
				display: inline-block;
				}
					main article#copy div#promo-wrap div#promo {
					padding: 0 0 1.5rem 0;
					box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					text-align: center;
					}*/

				main article#copy section#blogroll {
            min-width: 75%;
            width: 75%;
            max-width: 75%;
            margin-top: 1rem;
            }
				   main article#copy section#blogroll div.blog-article-wrap {
				   padding: 0 1rem;
				   }

				main article#copy aside#lp, main article#copy aside#nav {
				float: right;
				margin: 1.5rem 1rem 1.5rem 1.5rem;
				max-width: 25%;
				background-color: #ffffff;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}
					main article#copy aside hr {
					margin-top: 0.2rem;
					}

				main article#copy aside#pp {
				float: right;
				max-width: 25%;
				margin: 2rem 1rem 2rem 2.5rem;
				padding: 0;
				background-color: transparent;
				}
					article#copy aside#pp img.product {
					width: 250px;
					max-width: 250px;
					padding: 0;
					}

					article#copy aside#pp h4 {
					margin-bottom: 1rem;
					}

				main article#copy aside#ad {
				float: right;
				margin: 2rem 1rem 1.5rem 1.5rem;
				max-width: 25%;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}

				main article#copy nav#blog-topic-mobile-nav, main article#copy nav#lp-topic-mobile-nav {
				display: none;
				}

				main article#copy aside#nav nav#aside-nav hr {
				margin-top: 1rem;
				}

				hr {
				border: solid 1px #dfdfdf;
				border-top-width: 0;
				margin: 2rem 1rem 1rem 1rem;
				width: auto;
				height: 0;
				clear: both;
				}

				hr.plain {
				margin-top: 1rem;
				}

				hr.blog {
				margin-top: 1rem;
            clear: none;
				}

				hr.ghost {
				margin: 0;
				visibility: hidden;
				}

				div#product hr {
				margin-left: 0;
				}

				aside hr {
				margin-right: 0;
				margin-left: 0;
				}

				section.resources {
				width: auto;
				}
					div.resource-wrap {
					width: 100%;
					}

					div.resource-row {
					padding: 0.5rem 0 1rem 0;
					width: 100%;
					clear: both;
					}

					main article#copy aside div.resource-row {
					padding: 0;
					}

					main article#copy div.resource-cell {
					padding: 0 0 1.5rem 0;
					width: 48%;
					float: left;
					}

					main article#copy aside div.resource-cell {
					width: 100%;
					padding-bottom: 1.5rem;
					}

					main article#copy div.resource-cell-block {
					padding: 0;
					width: 48%;
					display: inline-block;
					}

				div.resource-cell-2 {
				padding: 0 1.5rem 2rem 0;
				width: 45%;
				float: left;
				}

				div.resource-cell-3 {
				padding: 0 0.2rem 2rem 0;
				width: 33%;
				float: left;
				}

				main article#copy div#product, hr.cell {
				display: none;
				}

				main article#copy hr.cell-60 {
				width: 64%;
				margin-top: 0.5rem;
				display: inline-block;
				}

				/*main article#copy aside#nav div#aside-nav-mobile div#aside-menu-link {
				display: none;
				}*/

				main article#copy div.blog-preview-wrap {
				background-color: #f8f8f8;
				padding: 1rem;
				}
					main article#copy div.blog-preview-wrap div.blog-preview {
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					}
						main article#copy div.blog-preview-wrap div.blog-preview div.blog-post-meta p {
						padding-bottom: 0.5rem;
						}

article#copy div.blog-post-meta p {
padding: 0 1rem;
font-size: 0.90rem;
font-family: 'Mulish', sans-serif;
}

					main article#copy div#blog-footer {
					padding-top: 1rem;
					}

/*main article#copy div#promo div#promo-products-wrap {
width: 600px;
max-width: 600px;
margin: auto;
padding: 0.5rem 0 0 0;
}
	main article#copy div#promo div#promo-products-wrap div.promo-product {
	display: inline-block;
	}

	main article#copy div#promo div#promo-products-wrap div.promo-product-padding {
	padding-right: 1rem;
	display: inline-block;
	}*/

main article#copy div#x-product-wrap {
}

	main article#copy div#x-product-wrap div#x-product {
	padding: 1rem;
	}

		main article#copy div#x-product-wrap div#x-product div {
		padding-right: 1rem;
		padding-bottom: 1.5rem;
		float: left;
		}

				section#cards {
				padding: 2rem 3% 0;
				}
					section#cards div.card-wrap {
					width: 30%;
					min-width: 30%;
					max-width: 30%;
					padding: 0 1rem 2rem;
					float: left;
					}
						section#cards div.card-wrap div.card {
						min-height: 350px;
						background-color: #f8f8f8;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						}
						section#cards div.card-wrap a:hover div.card, section#blogroll div.blog-article-wrap a:hover div.blog-article {
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						}

				div#newsletter-container, div#social-container {
				float: left;
				width: 50%;
				}

					div#newsletter-wrap {
					border-right: solid 1px #ffffff;
					}

				div.sitemap-list {
				float: left;
				width: 23%;
				padding: 0 2% 1rem 0;
				}

				div#social-icons-wrap, div#meta-wrap, div#copyright-wrap {
				padding: 1rem;
				text-align: right;
				background-color: #ffffff;
				}

				div#social-icons-wrap {
				padding-bottom: 0;
				}

				div#copyright-wrap {
				padding-top: 0;
				}

.inline-block {
display: inline-block;
}

.clear {
clear: both;
}

article#copy p.thanks {
font-weight: bold;
color: #006600;
}
/*** Main Layout ***/

/********
* FORMS *
********/
div#search-box-wrap form {
text-align: right;
}

div#search-box-wrap form input[type="text"], div#search-box-wrap form input[type="submit"], div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="submit"], div#questionnaire form select, div#questionnaire form input[type="text"], div#questionnaire form input[type="email"], div#questionnaire form textarea, div#questionnaire form input[type="submit"] {
	padding: 0.5rem;
	font-size: 1rem;
	color:#444444;
	border: solid 1px #444444;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="submit"] {
	border: none;
	}

	div#search-box-wrap form input[type="submit"], div#newsletter-wrap form input[type="submit"], div#questionnaire form input[type="submit"] {
	background-color: #ffffff;
	}

	div#search-box-wrap form input[type="submit"] {
	margin-left: 1rem;
	}

main article div#form-wrap {
margin-bottom: 2rem;
}

main article div#form-wrap select, main article div#form-wrap textarea, main article div#form-wrap input {
margin-left: 1rem;
padding: 0.5rem;
font-size: 1rem;
width: 30%;
max-width: 30%;
min-width: 300px;
color:#444444;
border: solid 1px #444444;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

main article div#form-wrap input[type="submit"] {
width: 100px;
min-width: 100px;
max-width: 100px;
}

main article div#form-wrap input#submit_contact {
width: auto;
}

main article div#form-wrap textarea {
min-height: 100px;
}

main article div#form-wrap div.button {
margin-top: 1rem;
}

main article div#form-wrap form div p.label {
padding-bottom: 0;
}

div#newsletter-wrap form, div#questionnaire form {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
	div#questionnaire div.field {
	margin: 0 0 2rem 0;
	}
		div#questionnaire div.field select, div#questionnaire div.field select#reason option {
		min-width: 340px;
		width: 340px;
		max-width: 353px;
		}
		div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="email"], div#questionnaire form input[type="text"], div#questionnaire form input[type="email"], div#questionnaire form input[type="radio"] {
		margin: 0;
		font-size: 1rem;
		color:#444444;
		}
		div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="email"] {
		margin-top: 1rem;
		margin-bottom: 1rem;
		}

		div#questionnaire form input[type="radio"] {
		margin-right: 0.5rem;
		}

article#copy div#questionnaire h4, article#copy div#questionnaire p {
padding: 0;
}

article#copy div#questionnaire p.radio {
display: inline;
}

article#copy div#questionnaire p span {
font-weight: bold;
color: #006600;
}

article#copy div#questionnaire p {
margin: 0.5rem 0;
}

	div#newsletter-wrap form input[type="submit"], div#questionnaire form input[type="submit"] {
	margin: 0.5rem 0;
	cursor: pointer;
	}


div#prospect form {
margin: 0 10%;
}

	div#prospect form input {
	margin-bottom: 1rem;
	}

	div#prospect form input {
	width: 85%;
	padding: 0.25rem;
	}

	div#prospect form input[type=submit] {
	width: 95%;
	margin-bottom: 0;
	}

/*** Forms ***/

/* CALENDAR */
table#events-calendar {
margin: 1rem 0 1rem 1rem;
width: auto;
font-family: 'Mulish', sans-serif;
}

table#events-calendar th {
padding: 0.5rem;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}

table#events-calendar td {
padding: 0.5rem;
font-size: 1rem;
}

table#events-calendar th.event, table#events-calendar td.event {
background-color: #f0f0f0;
font-weight: bold;
}

table#events-calendar th.current-year, table#events-calendar td.current-year {
background-color: #f0fff0;
}

table#events-calendar th.following-year, table#events-calendar td.following-year {
background-color: #fffff0;
}

table#events-calendar td.subject {
padding-left: 0;
}
/*** Calendar ***/
/*** Layout ***/

/********
* LINKS *
********/
a:link, a:visited {
text-decoration: none;
color: #664400;
}

a:hover, a:active {
text-decoration: underline;
}

a:link {
cursor: pointer;
}

div#promo-wrap div#promo a, header#banner a {
color: #ffffff;
}

div#search-basket-container a, div#main-nav-container a, article#copy div#blog-menu-wrap a {
text-decoration: none;
}

div#main-nav-container div.main-nav-list a:hover, nav#mobile-nav a:hover, article#copy nav#blog-nav a:hover {
text-decoration: underline;
}

div#search-basket-container a, main article#copy aside#ad a, section#news-social a {
color: #ffffff;
}

/*div.main-nav-list a:link, div.main-nav-list a:visited {
color: #ffffff;
text-shadow: 1px 1px 8px #007800;
}*/

div#breadcrumbs a, section#sitemap a, section#meta a, section#copyright a {
color: #888888;
}

div#promo-wrap div#promo a:link, div#promo-wrap div#promo a:visited, article#copy a:link, article#copy a:visited, nav#mobile-nav h4 a:link, nav#mobile-nav h4 a:visited, article#copy nav#blog-nav h4 a:link, article#copy nav#blog-nav h4 a:visited {
text-decoration: underline;
}
	nav#mobile-nav h4 a.close-mobile-sub-menus:link, nav#mobile-nav h4 a.close-mobile-sub-menus:visited {
	text-decoration: none;
	font-weight: 500;
	font-size: 1rem;
	}
		nav#mobile-nav div#mobile-free-resources-wrap ul li {
		font-weight: 500;
		}

div#promo-wrap div#promo a:hover, div#promo-wrap div#promo a:active, article#copy a:hover, article#copy a:active, nav#mobile-nav h4 a:hover, nav#mobile-nav h4 a:active, article#copy nav#blog-nav h4 a:hover, article#copy nav#blog-nav h4 a:active, section#cards div.card-wrap a, section#blogroll div.blog-article-wrap a {
text-decoration: none;
}

/*main article#copy div#promo div#promo-products-wrap div.promo-product a.promo-product-img, main article#copy div#promo div#promo-products-wrap div.promo-product-padding a.promo-product-img {
text-decoration: none;
}*/

section#cards div.card-wrap a {
color: #444444;
}

section#cards div.card-wrap div.card p a.link, section#cards div.card-wrap div.card ul a.link {
text-decoration: underline;
color: #664400;
}
	section#cards div.card-wrap div.card p a.link:hover, section#cards div.card-wrap div.card ul a.link:hover {
	text-decoration: none;
	}
/*** Links ***/

/*************
* TYPOGRAPHY *
*************/
/* HEADINGS */
div#promo-wrap div#promo p, header#banner h1, header#banner h2, header#banner h3, section#news-social div#newsletter-container h3, section#news-social div#social-container h3 {
color: #ffffff;
}

div#main-nav-wrap h4, nav#mobile-nav h4, section#news-social h3 {
padding: 0 0 1rem 0;
}

section#meta h4 {
padding: 0 0 0.5rem 0;
}

div#main-nav-wrap h4, nav#mobile-nav h4 {
margin: 0;
}

div.resource-text h4 {
padding: 0 1rem;
font-size: 1.25rem;
}

aside#product div.resource-text h4, aside#lp div.resource-text h4 {
padding: 0;
font-size: 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Mulish', sans-serif;
font-weight: 700;
padding: 0.5rem 1rem;
color: #444444;
}

h1 {
font-size: 2.5rem;
margin-top: 0;
padding-top: 1rem;
}
	header#banner h1 {
	margin: 0;
	padding-top: 0.5rem;
	font-size: 3.5rem;
	line-height: 4rem;
	}

h1.warning {
color: #cc0000;
}

h2 {
font-size: 2.25rem;
}
	header#banner h2, header#banner h3 {
	margin: 0 0 0.5rem 0;
	padding-top: 0;
	line-height: 2.25rem;
	}

	header#banner h2, header#banner div#banner-wrap h2.blog-series {
   font-size: 2.75rem;
   line-height: 3rem;
	}

   header#banner div#banner-wrap h2.blog-series {
   margin-bottom: 0;
   padding: 0.5rem 0 0.5rem 0;
   }

	header#banner h2.theme {
	font-size: 1.75rem;
	}

	header#banner h3 {
	margin-bottom: 0.25rem;
	padding-bottom: 0;
	text-align: center;
	}

/*main article#copy div#promo h2 {
margin: 0 0 1rem 0;
padding: 1rem;
/*background-image: linear-gradient(105deg, rgba(0,102,0,1), rgba(102,170,17,0.9), rgba(0,102,0,1));
background-color: #006600;
color: /*#006600#ffffff;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}*/
	main aside h2 {
	padding: 0;
	font-size: 1.75rem;
	}

h3 {
font-size: 1.75rem;
padding-bottom: 0.5rem 1rem;
}
	div#main-nav-container h3 {
	padding: 0 0 1rem 0;
	}

	main aside h3 {
	padding: 0 0 0.5rem 0;
	font-size: 1.5rem;
	}

	main aside#ad h3 {
	color: #ffffff;
	}

	main nav#lp-topic-mobile-nav h3 {
	padding-top: 1rem;
	}

div#form-wrap form div label h3 {
padding-bottom: 1rem;
}

h4 {
font-size: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0;
}

h4.blog-series-heading {
padding: 1rem 0 0.5rem 2rem;
}
	main aside h4 {
	padding: 0 0 0.25rem 0;
	font-size: 1.25rem;
	}

	nav#blog-topic-mobile-nav h4 {
	margin-bottom: 1rem;
	padding-top: 0;
	}

h5 {
font-size: 1.25rem;
margin-top: 1rem;
}

h6 {
font-size: 1rem;
margin-top: 1rem;
}

section#cards div.card-wrap div.card h3 {
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}

section#blogroll div.blog-article-wrap div.blog-article h3, section#blogroll div.blog-article-wrap div.blog-article h4 {
color: #664400;
}

section#blogroll div.blog-article-wrap div.blog-article h4 {
padding: 0 1rem 0.5rem 1rem;
}

footer h3, footer h4 {
margin-top: 0;
}

div#sitemap-wrap div.sitemap-list h4 {
color: #888888;
}

.inline-heading {
display: inline-block;
}
/*** Headings ***/

/* COPY */
div#promo-wrap div#promo, header#masthead {
font-family: 'Mulish', sans-serif;
}

main article#copy header#banner div#banner-wrap p {
margin: 0;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
color: #ffffff;
}

/*main article#copy div#promo-wrap div#promo header p {
padding: 0;
font-size: 1.75rem;
color: #ffffff;
}*/

/*main article#copy div#promo-wrap div#promo p {
margin: 0;
padding: 0 0 0 1rem;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
}

main article#copy div#promo-wrap div#promo div#promo-products-wrap div.promo-product p, main article#copy div#promo-wrap div#promo div#promo-products-wrap div.promo-product-padding p {
padding: 0;
}

main article#copy div#promo-wrap div#promo h3 {
padding-top: 1.5rem;
padding-bottom: 0;
}*/

article#copy p {
padding: 0.5rem 1rem 1rem 1rem;
font-family: 'liberation-serif', serif;
font-size: 1.38rem;
color: #444444;
}

article#copy ul, article#copy ol, article#copy dl {
padding: 1rem;
font-family: 'liberation-serif', serif;
font-size: 1.38rem;
color: #444444;
}
	article#copy p.sans {
	font-family: 'Mulish', sans-serif;
	}

	article#copy nav#blog-nav ul {
	font-size: 1rem;
	font-family: 'Mulish', sans-serif;
	}

article#copy div.resource-text p {
padding-top: 0.5rem;
padding-bottom: 0;
font-family: 'liberation-serif', serif;
}

	article#copy div.resource-text p.more {
	padding-top: 1rem;
	}

article#copy header#banner div#banner-wrap div.blog-post-meta p {
padding: 0.5rem 0 0 0;
font-family: 'Mulish', sans-serif;
}

main article#copy ul.blog-series-list {
padding: 0 1rem 1rem 2rem;
list-style-type: none;
}

main article#copy aside p {
padding: 0 0 1rem 0;
}

main article#copy aside div.resource-text p {
padding: 0.5rem 0 0 0;
}

main article#copy aside#product p {
padding: 1rem 0 0 0;
font-family: 'Mulish', sans-serif;
}

main article#copy aside#nav p, main article#copy aside#nav nav#aside-nav ul {
padding: 0 0 1rem 0;
}
	main article#copy aside#nav nav#aside-nav ol {
	padding-left: 1rem;
	}

main article#copy aside p, main article#copy aside#lp p, main article#copy aside#lp ul, main article#copy aside#ad p, main article#copy aside#ad ul, nav#aside-nav ul, nav#aside-nav ol, footer {
font-family: 'Mulish', sans-serif;
font-size: 1rem;
}

main article#copy aside#ad h2, main article#copy aside#ad p, main article#copy aside#ad ul, section#news-social {
color: #ffffff;
text-shadow: 1px 1px 8px #007800;
}

section#cards div.card-wrap div.card p {
padding: 0 1rem 1rem 1rem;
font-family: 'Mulish', sans-serif;
color: #444444;
}

section#meta {
color: #888888;
}

section#copyright {
font-size: 0.75rem;
}
/*** Copy ***/

/* LISTS */
div#main-nav-wrap ul, nav#mobile-nav ul, main aside ul, footer ul {
list-style-type: none;
list-style-position: inside;
}

nav#main-nav ul {
font-size: 1.75rem;
font-weight: 700;
}

nav#mobile-nav ul {
padding: 0 0 0.5rem 0;
font-size: 1.25rem;
}
	nav#mobile-nav ul li, div#blog-menu nav#blog-nav ul li {
	padding-bottom: 0.5rem;
	font-weight: 700;
	}

	nav#mobile-nav ul ul {
	padding: 0.5rem 0 0 0.5rem;
	font-size: 1rem;
	}
		nav#mobile-nav ul ul li {
		font-weight: 500;
		}

div#breadcrumbs ul {
color: #888888;
}

article#copy header#banner ul {
margin: 0;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
color: #ffffff;
}

main article#copy ul, main article#copy ol, main article#copy dl {
padding: 0 1rem 1rem 3rem;
list-style-position: outside;
}

main article#copy dl {
padding-left: 1rem;
}

main article#copy ul.no-list-style {
padding-left: 1rem;
list-style-type: none;
list-style-position: inside;
}

	main article#copy ul ul {
	padding-left: 1rem;
	}

	main article#copy aside#lp ul {
	padding: 0 0 0.5rem 0;
	list-style-type: disc;
	}
		main article#copy aside#lp ul li {
		padding: 0 0 0.5rem 0;
		list-style-type: none;
		}

	main article#copy aside#lp div#most-popular ul {
	padding-top: 0.5rem;
	}
		main article#copy aside#lp div#most-popular ul li {
		padding: 0;
		font-size: 0.85rem;
		}

	main article#copy aside#ad ul {
	padding: 0;
	}
		main article#copy aside#ad ul li {
		padding: 0 0 1rem 0;
		}

	main article#copy aside#nav nav#aside-nav ul {
	padding: 0;
	}
		main article#copy nav#aside-nav ul li, main article#copy nav#aside-nav ol li {
		padding: 0.25rem 0;
		}

main article#copy ol, main article#copy dl {
padding-bottom: 0;
}
	main article#copy ol li, main article#copy dl dd {
	padding-bottom: 1rem;
	}

	main article#copy nav#blog-topic-mobile-nav ol li {
	padding-bottom: 0;
	}

	main article#copy dl dt {
	font-weight: 700;
	}

main article#copy div.resource-text ul {
padding: 0.25rem 0 0.5rem 1rem;
list-style-type: none;
font-family: 'Mulish', sans-serif;
font-size: 0.85rem;
}

main article#copy aside ul {
padding: 0 0 1rem 0;
list-style-type: none;
font-family: 'Mulish', sans-serif;
font-size: 1rem;
}

main article#copy div#faqs-wrap p {
padding: 0 0 1rem 0;
}

main article#copy nav#lp-topic-mobile-nav ul, main article#copy nav#lp-topic-mobile-nav ol {
padding-bottom: 0;
}

section#cards div.card-wrap div.card ul {
padding: 0 1rem 1rem 2rem;
font-family: 'Mulish', sans-serif;
color: #444444;
list-style-position: outside;
}
	section#cards div.card-wrap div.card ul li {
	padding-bottom: 0.5rem;
	}

div#social-wrap ul li {
padding-bottom: 1rem;
}

div#copyright-wrap p {
font-size: 80%;
}
/*** Lists ***/

/* EXTRAS */
article#copy p.bold {
font-weight: 700;
}

article#copy p.italic, article#copy p span.italic, article#copy h3.italic, article#copy h4.italic {
font-style: italic;
}

article#copy p.subscript {
padding-bottom: 0;
font-size: 0.90rem;
font-style: italic;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

em.lj {
font-style: normal;
}
/*** Extras ***/
/*** Typography ***/

/********
* MEDIA *
********/
img, embed, object, video, iframe {
max-width: 100%;
}
	iframe.video {
   float: right;
   width: 560px;
   height: 315px;
   padding: 1rem;
   }

div#logo-container div#logo-wrap a img {
width: 250px;
min-width: 250px;
max-width: 250px;
}

div#mobile-menu div#mobile-menu-wrap img.mobile-logo {
width: 30%;
min-width: 30%;
max-width: 30%;
margin-top: 20px;
margin-left: 20px;
}

nav#main-nav img, nav#mobile-nav img {
width: 20px;
min-width: 20px;
max-width: 20px;
margin-right: 0.5rem;
vertical-align: baseline;
}

main article#copy img.services {
width: 250px;
min-width: 250px;
max-width: 250px;
margin: 0 0 1rem 3rem;
}

/*main article#copy div#promo img {
width: 150px;
min-width: 150px;
max-width: 150px;
margin-top: 0.5rem;
}*/

main article#copy img.campaign-banner {
margin: 0.5rem 0 0.5rem 1rem;
}

aside div#most-popular img {
display: block;
}

aside#pp img.product {
margin: 0;
display: block;
}

main aside img, div.resource-text img, main article#copy div#product img, main article#copy img.download-button, main article#copy img.samples-button, main article#copy input.submit-button, main article#copy img.contents-button, main article#copy img.order-form-button, main article#copy aside#product div.resource-text img, main article#copy div.media-wrap-left, main article#copy div.media-wrap-centre, main article#copy div.media-wrap-right {
margin-top: 0.5rem;
width: 120px;
max-width: 120px;
}

main article#copy div.resource-text img, main article#copy img.download-button, main article#copy img.samples-button, main article#copy img.contents-button, main article#copy div#product img.download-button, aside div#most-popular div.resource-text img, aside#pp img {
margin: 0 0 0 0.5rem;
display: inline;
}

main article#copy input.submit-button {
margin: 0;
}

div#product p img {
margin-left: 0.5rem;
}

div.resource-text img {
margin-bottom: 1rem;
margin-left: 0.5rem;
}

main aside#product div#product img {
width: auto;
max-width: auto;
}

main article#copy aside#lp div.resource-cell img.product {
width: 150px;
max-width: 150px;
}

main article#copy div.resource-cell img.product, main article#copy div.resource-cell-block img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
padding: 1rem 0 0 1rem;
}
	main article#copy aside div.resource-cell img.product {
	padding: 0;
	}

main article#copy div.resource-cell img.product, main article#copy div.resource-cell-block img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
width: 200px;
max-width: 200px;
}

article#copy aside#product img {
width: 250px;
max-width: 250px;
}

main article#copy div.media-wrap-left {
width: 350px;
min-width: 350px;
max-width: 350px;
padding: 1rem;
float: left;
}

main article#copy div.media-wrap-centre {
width: 350px;
min-width: 350px;
max-width: 350px;
margin: 0 auto;
}

main article#copy div.media-wrap-right {
width: 350px;
min-width: 350px;
max-width: 350px;
padding: 1rem;
float: right;
}

main article#copy div.blog-article-wrap div.blog-article div.media-wrap-right {
width: 125px;
min-width: 125px;
max-width: 125px;
padding: 1rem;
float: right;
}

main article#copy img.small {
width: 200px;
min-width: 200px;
max-width: 200px;
}

main article#copy img.blog-icon {
min-width: 25px;
width: 25px;
max-width: 25px;
padding-left: 1rem;
vertical-align: baseline;
}

main article#copy div#x-product-wrap div#x-product div p {
padding: 0;
}

main article#copy div#x-product-wrap div#x-product div img {
width: 100px;
min-width: 100px;
max-width: 100px;
}

main article#copy div#x-product-wrap div#x-product div img.x-product-img-x {
padding-top: 45px;
width: 45px;
min-width: 45px;
max-width: 45px;
}

div#social-wrap img, div#social-icons-wrap img {
width: 30px;
height: 30px;
max-width: 30px;
max-height: 30px;
min-width: 30px;
min-height: 30px;
}

div#social-wrap img {
padding-right: 0.5rem;
}
/*** Media ***/

/*************
* RESPONSIVE *
*************/
div#mobile-menu-wrap, div#blog-menu-wrap {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.5s;
}

div#mobile-menu-wrap a.close-mobile, div#blog-menu-wrap a.close-blog {
position: absolute;
top: 0;
right: 1rem;
font-size: 3rem;
font-weight: 200;
}

	nav#mobile-nav, nav#blog-nav {
	padding: 1rem;
	width: 100%;
	}

@media screen and (max-width: 1348px) {
section#cards div.card-wrap div.card {
min-height: 330px;
}
}

@media screen and (max-width: 1324px) {
nav#main-nav ul li {
padding-right: 3.5rem;
}
}

@media screen and (max-width: 1276px) {
nav#main-nav ul li {
padding-right: 3rem;
}
}

@media screen and (max-width: 1228px) {
nav#main-nav ul li {
padding-right: 2rem;
}
}

@media screen and (max-width: 1196px) {
nav#main-nav img {
margin-right: 0.25rem;
}

nav#main-nav ul li {
padding-right: 1.5rem;
}

iframe.video {
float: none;
}
}

@media screen and (max-width: 1131px) {
section#cards div.card-wrap div.card {
min-height: 375px;
}
}

@media screen and (max-width: 1084px) {
nav#main-nav ul li {
padding-right: 1.25rem;
}
}

@media screen and (max-width: 1069px) {
main article#copy aside div#most-popular div.resource-text img {
padding-top: 0.5rem;
}

div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 60%;
width: 60%;
max-width: 60%;
}
}

@media screen and (max-width: 1040px) {
div#logo-wrap {
padding-bottom: 0;
}

header#masthead {
padding-bottom: 1rem;
}

nav#main-nav, div#main-nav-wrap, div#breadcrumbs {
display: none;
}

main header#banner {
margin-bottom: 1rem;
padding: 1.5rem 1rem;
}
	main header#banner div#banner-wrap {
	max-width: 80%;
	}

main header#banner h1 {
font-size: 3rem;
line-height: 3.25rem;
}

/*div#mobile-menu, div#blog-menu {
display: block;
}*/

/*div#mobile-menu-img {
display: block;
}*/

/*main article#copy {
padding-top: 1rem;
}*/

main article#copy aside#lp {
float: none;
display: none;
}

main article#copy nav#blog-topic-mobile-nav, main article#copy nav#lp-topic-mobile-nav {
display: block;
}

main article#copy aside#nav {
display: none;
}
	main article#copy aside#nav div#aside-nav-mobile div#aside-menu-link {
	display: block;
	}
		main article#copy aside#nav div#aside-nav-mobile div#aside-menu-link p {
		padding-bottom: 0;
		}

main article#copy section#blogroll {
min-width: 100%;
width: 100%;
max-width: 100%;
}
   main article#copy section#blogroll div.blog-article-wrap {
   padding: 0;
   }

main article#copy aside#pp, main article#copy aside#ad {
float: none;
display: none;
margin: 0;
padding: 0;
max-width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

main article#copy div#product {
display: block;
padding: 1rem 0 0 1rem;
}
	main article#copy div#product img.product {
	width: 300px;
	max-width: 300px;
	}

	main article#copy div#product p {
	display: block;
	padding: 0 0 0.5rem 0;
	}

main article#copy div.resource-cell-block {
width: 100%;
}

main article#copy div.resource-cell-3 {
padding: 0 1rem 0 0;
width: auto;
float: none;
}

main h1 {
font-size: 2.25rem;
}

main h2 {
font-size: 2.25rem;
}

article#copy h4, article#copy p, article#copy ul, article#copy ol, article#copy dl {
font-size: 1.25rem;
}

article#copy nav#blog-nav h4 {
font-size: 1.5rem;
}

main article#copy hr, main article#copy hr.cell, main article#copy hr.cell-60 {
display: block;
width: auto;
margin: 1.5rem 1rem 1rem 1rem;
padding-right: 0;
clear: both;
}
}

@media screen and (max-width: 1020px) {
section#cards div.card-wrap {
width: 50%;
min-width: 50%;
max-width: 50%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
	section#cards div.card-wrap div.card {
	min-height: 250px;
	}
}

@media screen and (max-width: 970px) {
div#logo-container {
float: left;
width: 40%;
}

div#search-basket-container {
min-width: 60%;
max-width: 60%;
height: 100px;
background-image: none;
}
	div#search-basket-wrap {
	padding-left: 0;
	}

	div#search-box-wrap {
	display: none;
	}

	div#search-basket-container a {
	color: #444444;
	}

	div#search-basket-container a {
	color: #664400;
	}

	div#basket-text {
	background-image: url('../images/basket-brown.png');
	background-repeat: no-repeat;
	}

   div#mobile-menu-img p#mobile-menu-text {
   display: none;
}

main header#banner div#banner-wrap {
max-width: 100%;
width: 100%;
}
	main header#banner div#banner-wrap h1 {
	line-height: 3.5rem;
	}

/*main article#copy div#promo-wrap {
width: 90%;
max-width: 90%;
}
	main article#copy div#promo-wrap div#promo p {
	font-size: 1.2rem;
	}*/

main article#copy aside#lp {
background-color: #f8f8f8;
}

	main aside#lp h2, main aside#lp h3 {
	padding: 1.5rem 1rem 1rem 1rem;
	font-size: 2rem;
	}

	main aside#lp h3 {
	font-size: 1.75rem;
	}

	main article#copy aside#lp p, main article#copy aside#lp ul, main article#copy div#product p {
	padding: 1rem;
	font-family: 'liberation-serif', serif;
	font-size: 1.25rem;
	color: #444444;
	}

	main article#copy div#product p {
	padding: 0 0 0.5rem 0;
	}

	main article#copy aside#lp div.resource-text p {
	padding: 1rem 0 0 0;
	font-family: 'liberation-serif', serif;
	}

	main aside#ad h2 {
	padding: 1rem;
	font-size: 2rem;
	}

	main article#copy aside#lp ul, main article#copy aside#ad ul {
	padding: 0 1rem;
	}
		main article#copy aside#lp ul li, main article#copy aside#ad ul li {
		padding: 0 0 1rem 0;
		}

main article#copy aside#product, main article#copy aside div#most-popular {
display: none;
}

	main article#copy aside hr {
	display: none;
	}

	main article#copy aside div#most-popular {
	margin: 1rem;
	padding: 1rem;
	width: 80%;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

		main article#copy aside div#most-popular h3 {
		padding: 0 0 1rem 0;
		}

		main article#copy aside div#most-popular div.resource-text img {
		padding-top: 0;
		}

main article#copy section.resources hr {
margin-top: 2rem;
}
	main article#copy div.resource-row {
	padding: 0;
	}

	main article#copy div.resource-cell, main article#copy div.resource-cell-2 {
	padding: 0 1rem 0 0;
	width: auto;
	float: none;
	}

section#cards div.card-wrap {
width: 65%;
min-width: 65%;
max-width: 65%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 881px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 65%;
width: 65%;
max-width: 65%;
}
}

@media screen and (max-width: 813px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 70%;
width: 70%;
max-width: 70%;
}
}

@media screen and (max-width: 768px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 75%;
width: 75%;
max-width: 75%;
}
header#banner h1 {
font-size: 2.5rem;
line-height: 2.75rem;
}

main h1 {
font-size: 1.75rem;
}

main h2 {
font-size: 1.75rem;
}

main h3 {
font-size: 1.5rem;
}

article#copy div.resource-row {
padding-top: 0;
}

/*main article#copy div.resource-cell, main article#copy div.resource-cell-2, main article#copy div.resource-cell-3 {
padding: 0 1rem;
width: auto;
}*/

article#copy div#most-popular section.resources div.resource-wrap div.resource-row div.resource-cell {
padding: 0;
}

	/*article#copy div.resource-cell h4, article#copy div.resource-cell p, article#copy div.resource-cell-2 h4, article#copy div.resource-cell-2 p, article#copy div.resource-cell-3 h4, article#copy div.resource-cell-3 p, main article#copy div.resource-cell img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
	padding-right: 0;
	padding-left: 0;
	}*/

article#copy section.resources hr {
width: 95.5%;
}

div#newsletter-container, div#social-container {
float: none;
width: 100%;
}

div#newsletter-wrap {
border-right: none;
border-bottom: solid 1px #ffffff;
}

div#sitemap-wrap, div#social-icons-wrap {
display: none;
}

div#meta-wrap ul, div#copyright-wrap p {
font-size: 70%;
}

div#meta-wrap ul li {
padding-left: 0.5rem;
}
}

@media screen and (max-width: 705px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 80%;
width: 80%;
max-width: 80%;
}

/*div#mobile-menu-img {
top: 270px;
}*/
}

@media screen and (max-width: 700px) {
div#logo-container div#logo-wrap a img {
width: 100%;
min-width: 100%;
max-width: 100%;
}

div#basket-wrap p {
font-size: 90%;
}

div#mobile-menu-img {
min-width: 30px;
width: 30px;
max-width: 30px;
/*top: 114px;*/
top: 106px;/*Promo Banner*/
}

main header#banner h1 {
font-size: 2.75rem;
}

header#banner h2, header#banner div#banner-wrap h2.blog-series {
font-size: 2.25rem;
}

main article#copy header#banner div#banner-wrap p, article#copy header#banner ul {
font-size: 1rem;
}

/*main article#copy div#promo div#promo-products-wrap {
width: auto;
margin: auto;
}

main article#copy div#promo-wrap div#promo p {
padding-right: 1rem;
padding-left: 1rem;
}*/

main article#copy div.media-wrap-left, main article#copy div.media-wrap-right {
margin: 0;
float: none;
display: block;
}

main article#copy div.media-wrap-left img, main article#copy div.media-wrap-centre img, main article#copy div.media-wrap-right img {
max-height: 300px;
}

main article#copy div.media-wrap-right img.services {
max-height: 275px;
margin: 0;
}

article#copy section.resources hr {
width: 95%;
}

main article#copy img.campaign-banner {
min-width: 450px;
width: 450px;
max-width: 450px;
}

section#cards div.card-wrap {
width: 75%;
min-width: 75%;
max-width: 75%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 592px) {
iframe.video {
width: 415px;
}
}

@media screen and (max-width: 555px) {
/* CALENDAR */
table#events-calendar th {
padding: 0.25rem;
font-size: 1rem;
}

table#events-calendar td {
padding: 0.25rem;
font-size: 0.75rem;
}
}

@media screen and (max-width: 553px) {
main header#banner {
padding-top: 0.25rem;
padding-bottom: 0.75rem;
}

main header#banner div#banner-wrap h1 {
font-size: 2.25rem;
line-height: 2.5rem;
}

main header#banner div#banner-wrap h2, main header#banner div#banner-wrap h2.blog-series {
font-size: 1.75rem;
line-height: 2rem;
}

main article#copy img.campaign-banner {
min-width: 400px;
width: 400px;
max-width: 400px;
}
}

/*@media screen and (max-width: 545px) {
main article#copy div#promo div#promo-products-wrap div.promo-product-padding {
padding-right: 0;
}
main article#copy div#promo div#promo-products-wrap div.promo-product, main article#copy div#promo div#promo-products-wrap div.promo-product-padding {
padding-bottom: 1rem;
}
}*/

@media screen and (max-width: 500px) {
div#search-box-wrap form input[type="text"] {
max-width: 170px;
min-width: 170px;
width: 170px;
}

div#search-box-wrap form input[type="submit"] {
margin: 0;
}

/*main article#copy div#promo-wrap {
padding-right: 0;
}

main article#copy div#promo-wrap div#promo h2 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}*/

article#copy section.resources hr {
width: 92%;
}

section#cards {
padding-left: 0;
float: none;
}

section#cards div.card-wrap {
width: 95%;
min-width: 95%;
max-width: 95%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 475px) {
main article#copy img.campaign-banner {
min-width: 315px;
width: 315px;
max-width: 315px;
}
}

/*@media screen and (max-width: 425px) {
div#mobile-menu-img {
top: 94px;
}
}*/

@media screen and (max-width: 420px) {
div#search-box-wrap form input[type="text"] {
max-width: 120px;
min-width: 120px;
width: 120px;
}

div#search-box-wrap form input[type="submit"] {
margin: 0;
}

div#basket-wrap p {
font-size: 80%
}

main article#copy div#product img.product {
width: 250px;
max-width: 250px;
}

div#meta-wrap, div#copyright-wrap {
padding-left: 0;
}
}

@media screen and (max-width: 393px) {
table#events-calendar th {
padding: 0.2rem;
font-size: 0.75rem;
}

table#events-calendar td {
padding: 0.2rem;
font-size: 0.65rem;
}
}

@media screen and (max-width: 375px) {
main article#copy div.media-wrap-left, main article#copy div.media-wrap-centre, main article#copy div.media-wrap-right, main article#copy div.media-wrap-left img, main article#copy div.media-wrap-centre img, main article#copy div.media-wrap-right img {
min-width: 300px;
width: 300px;
max-width: 300px;
}

main article#copy div.media-wrap-right img.services {
max-width: 250px;
width: 250;
min-width: 250px;
}
}

@media screen and (max-width: 344px) {
div#search-box-wrap form input[type="text"], div#search-box-wrap form input[type="submit"] {
padding: 0.25rem;
}

/*main article#copy div#promo img.margin {
margin-right: 0;
}*/
}
/*** Responsive ***/