/** Shopify CDN: Minification failed

Line 70:0 All "@import" rules must come first
Line 74:0 All "@import" rules must come first

**/
/*
       _  _  _                                               
      (_)(_)(_)                                              
         (_)    _  _  _  _      _  _  _  _    _  _  _        
         (_)   (_)(_)(_)(_)_  _(_)(_)(_)(_)  (_)(_)(_) _     
         (_)   (_)        (_)(_)        (_)   _  _  _ (_)    
         (_)   (_)        (_)(_)        (_) _(_)(_)(_)(_)    
       _ (_) _ (_)        (_)(_)_  _  _ (_)(_)_  _  _ (_)_   
      (_)(_)(_)(_)        (_)  (_)(_)(_)(_)  (_)(_)(_)  (_)  
                                _  _  _ (_)                  
                               (_)(_)(_)                     
*/

/* CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fonts */

@import url("//hello.myfonts.net/count/37c73c");

@font-face {font-family: 'CentSchbookBTWGL4WXX-Roman';src: url('37C73C_0_0.eot');src: url('37C73C_0_0.eot?#iefix') format('embedded-opentype'),url('37C73C_0_0.woff2') format('woff2'),url('37C73C_0_0.woff') format('woff'),url('37C73C_0_0.ttf') format('truetype');}

@import url("//hello.myfonts.net/count/3b64ea");
  
@font-face {
  font-family: 'CentSchbookBTWGL4WXX-Italic';
  src: url('font.woff2') format('woff2'), url('font.woff') format('woff');
}


@font-face {
    font-family: 'StandardBook-Regular';
    src: url('StandardBook-Regular.eot');
    src: url('StandardBook-Regular.eot?#iefix') format('embedded-opentype'),
        url('StandardBook-Regular.woff2') format('woff2'),
        url('StandardBook-Regular.woff') format('woff'),
        url('StandardBook-Regular.ttf') format('truetype'),
        url('StandardBook-Regular.svg#StandardBook-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'StandardBook-Regular';
    src: url('standard-book-italic-webfont.woff2') format('woff2'),
        url('standard-book-italic-webfont') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* General */

body {
	font-family: 'StandardBook-Regular', Helvetica, sans-serif;
	margin: 0;
	background-color: #0e301f;
}

main {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	padding-top: 8.5vh;
	padding-bottom: 15vh;
	min-height: 67vh;
	background-color: #fff;
}

a {
	text-decoration: none;
	border-bottom: 1px solid #000000;
	color: #000000;
}

/*
a:hover {
	color: #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
*/

.hover a {
	transition: .25s;
	color: #aaaaaa;
}

.points-bottom {
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	width: 97%;
	max-width: 97%;
	font-size: 1.5em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 3em;
	padding-left: 1%;
	padding-right: 1%;
}

/* Isotope */

.grid {
	width: 100%;
	height: auto;
	overflow: auto;
}

.grid-item {
	width: 23%;
	height: auto;
	float: left;
	padding: 1%;
/* 	background-color: #e3e3e3; */
	line-height: 1.25em;
}

.grid-item a {
	text-decoration: none;
	border-bottom: none;
}

.grid-item img {
	width: 100%;
}

.sold-out {
	color: #8d2624;
	padding-left: 1em;
}

/* Menu */

.top {
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	width: 98%;
	height: 5vh;
	font-size: 2em;
	position: fixed;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: .5%;
}

.top a {
	text-decoration: none;
	border-bottom: none;
}

.top a:hover {
	border-bottom: none;
}

.top-left {
	width: 50%;
	height: 1.25em;
	line-height: 1.25em;
	float: left;
	display: block;
}

.top-right {
	width: 30%;
	height: 1.25em;
	line-height: 1.5em;
	float: right;
	text-align: right;
	display: block;
}

.current-menu-item {
	font-family: 'CentSchbookBTWGL4WXX-Italic';
}

/* Headroom */

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
    z-index: 963;
}
.headroom--pinned {
    transform: translateY(0%);
}

/* changed for gift guide */
.headroom--unpinned {
    transform: translateY(-135%);
}

/* Filters */

.filter {
	height: 5vh;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
}

.filter-1 {
	width: 25%;
	float: left;
}

.filter-2 {
	width: 25%;
	float: left;
}

.filter-3 {
	width: 25%;
	float: left;
}

.filter-4 {
	width: 25%;
	float: left;
}

/* Pagination */

.pagination {
	text-align: center;
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	font-size: 2em;
	height: 100%;
	padding-bottom: 1em;
	padding-top: 1em;
}

.pagination span {
	padding-top: 3vh;
}

.pagination a {
	text-decoration: none;
}

.pagination .current {
	
}

/* Bottom */

.bottom {
	width: 100%;
	height: auto;
	line-height: 1.25em;
	clear: both;
	background-color: #0e301e;
	-webkit-box-shadow: 0px 0px 15px 18px rgba(14, 48, 30, 1);
	-moz-box-shadow: 0px 0px 15px 18px rgba(14, 48, 30, 1);
	box-shadow: 0px 0px 15px 18px rgba(14, 48, 30, 1);
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	padding-bottom: 2em;
	padding-top: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.bottom-left {
	width: 70%;
	color: #ffffff;
	text-align: left;
	padding-left: 1%;
	padding-top: .5em;
}

.bottom-left a {
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

.bottom-right {
	width: 30%;
	color: #ffffff;
	text-align: right;
	padding-right: 1%;
	padding-top: .5em;
}

.bottom-right a {
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

/* About */

.about {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	height: 100%;
	overflow: auto;
}

.about img {
	width: 100%;
}

.about-content {
	margin: 0 auto;
	font-size: 1.25em;
	line-height: 1.25em;
	padding-top: 1em;
	width: 100%;
}

.about-content img {
	width: 85%;
}

.about-copy {
	width: 98%;
	font-size: 1.5em;
	line-height: 1.25em;
	padding-bottom: 1em;
}

.about-images, .about-images-2 {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 2em;
}

.about-images img {
	width: 45%;
}

.about-images-2 img {
	width: 31%;
}

.about-left {
	width: 45%;
	float: left;
}

.about-right {
	width: 45%;
	float: left;
	padding-left: 5%;
}

.about-indent {
	margin-left: 2em;
}

.about-2col {
	width: 100%;
	padding-bottom: 1.25em;
}

.aboutcol-left {
	width: 40%;
	height: 100%;
	float: left;
}

.aboutcol-right {
	width: 60%;
	height: 100%;
	float: left;
}

.about-figure {
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	position: relative;
	top: -0.5em;
	font-size: 70%;
}

.figure-image {
	width: 100%;
}

.figure-text {
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	font-size: 70%;
	width: 5%;
	float: left;
	position: relative ;
	top: -.25em;
}

.figure-figure {
	width: 95%;
	float: left;
	margin-bottom: 2em;
}

.figure-figure img {
	width: 100%;
}

.about-copy input[type=email] {
	font-family: 'StandardBook-Regular', Helvetica, sans-serif;
	border: 1px solid #000000;
	padding: none;
	width: 40%;
	height: 1.25em;
	margin-top: 2%;
	margin-bottom: 1%;
	font-size: 1em;
}

.about-copy input#mc-embedded-subscribe.button {
	font-family: 'StandardBook-Regular', Helvetica, sans-serif;
	border: none;
	background-color: none;
	border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    cursor: pointer;
    text-decoration: underline;

    background: transparent;

    /* inherit font & color from ancestor */
    color: blue;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
}

/* Remove excess padding and border in Firefox 4+ */
&::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Events */

.events-container {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 3vh;
}

.event {
	width: 100%;
	float: left;
/* 	background-color: grey; */
}

.event-l {
	width: 33.33%;
	float: left;
/* 	background-color: pink; */
}

.event-r {
	width: 66.66%;
	float: left;
/* 	background-color: pink; */
}

.event-r img {
	width: 100%;
}

.event-title, .event-date, .event-copy {
	font-size: 1.5em;
	line-height: 1.25em;
}

.event-title {
	padding-bottom: 1em;
}

.event-image {
	padding-bottom: 2em;
}

.points-event {
	font-family: 'CentSchbookBTWGL4WXX-Roman', Times, serif;
	font-size: 1.5em;
	width: 100%;
	max-width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 3em;
	padding-bottom: 1.5em;
	word-break: break-all;
}

.upcoming {
	color: #28c941;
}

.previously {
	color: #ff6059;
}

.see-events-archive {
	width: 98%;
	margin: 0 auto;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 2em;
}

.events-container .event:last-child .points-event {
	display: none;
}

/* Shop */

.viewing {
	padding-left: 1%;
	width: 80%;
	padding-bottom: 1em;
	font-size: 1.25em;
	line-height: 1.25em;
}

.viewing a {
	border-bottom: none;
	color: #000;
	transition: .25s;
}

.viewing a:hover {
	color: #aaaaaa;
	transition: .25s;
}

#seeAll {
	border-bottom: none;
	color: #000;
	transition: .25s;
	cursor: pointer;
}

#seeAll:hover {
	color: #aaaaaa;
	transition: .25s;
}

#seeAll2 {
	border-bottom: none;
	color: #000;
	transition: .25s;
	cursor: pointer;
}

#seeAll2:hover {
	color: #aaaaaa;
	transition: .25s;
}

#search-again {
	border-bottom: none;
	color: #000;
	transition: .25s;
	cursor: pointer;
}

#search-again:hover {
	color: #aaaaaa;
	transition: .25s;
}

.viewing-all {
	color: #aaaaaa;
}

/* Product */

.product-container {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.product-info-mobile {
	display: none;
	font-size: 1.75em;
}

.product-info-mobile select {
	display: none;
}

.product-info-mobile form #AddToCart {
	background-color: #0c301d;
	color: #fff;
    font-family: 'StandardBook-Regular', Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    border:none;
    font-size: .75em;
    padding-top: .5em;
    padding-bottom: .25em;
    padding-left: .75em;
    padding-right: .75em;
}

.product-info-mobile form #AddToCart:hover {
	background-color: #aaaaaa;
	color: #fff;
}


.product-image-part {
	width: 45%;
}

.product-image-part img {
	width: 100%;
}

.product-copy-part {
	width: 50%;
	font-size: 1.25em;
}

.product-copy-part form select {
	display: none;
}

.product-copy-part form #AddToCart {
	background-color: #0c301d;
	color: #fff;
    font-family: 'StandardBook-Regular', Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    border:none;
    font-size: 1em;
    padding-top: .5em;
    padding-bottom: .25em;
    padding-left: .75em;
    padding-right: .75em;
}

.product-copy-part form #AddToCart:hover {
	background-color: #aaaaaa;
	color: #fff;
}

.product-description {
	padding-top: 1em;
}

.product-description p i {
  font-style: italic;
}

.product-title {
	font-size: 1.25em;
}

.product-basket {
	padding-top: 1em;
}

.product-meta {
	padding-top: 1em;
	padding-bottom: 1em;
}

.product-foundin {
	padding-top: 1em;
}

.product-foundin a {
	text-decoration: none;
}

.product-tag-span {
	border-bottom: 1px solid #000000;
}

.product-tag-span:hover {
	border-bottom: 1px solid #e3e3e3;
}

.product-recommendations-cont {
	width: 100%;
	height: auto;
	background-color: #aaaaaa;
}

.product-rec-parent-1 {
	width: 98%;
	padding-top: 4em;
	padding-left: 1%;
	padding-right: 1%;
}

.section-break {
	width: 100%;
	clear: both;
}

.product-name-box {
	height: 6em;
	max-height: 6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.related-title {
	width: 100%;
	text-align: center;
	font-size: 1.25em;
	padding-bottom: 1em;
}

.relul {
	width: 100%;
	display: flex;
	flex-direction: row
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}

.relul li {
	width: 33%;
	margin: 2%;
}

.relul li img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.relul li a {
	border: none;
}

.featuredimages.multiple:hover {
	cursor: url(next-arrow.png) 64 64, auto;
}

.featured-images-numbers {
	text-align: center;
	padding-top: .5em;
	font-size: 1.25em;
}

.product-sold-out {
	color: #8d2624;
}

/* Search and Filter*/

.search-click {
	cursor: pointer;
}

.search-over {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #0A301E;
	color: #fff;
	z-index: 9999;
}

.search-over-c {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.search-over-c form {
	width: 75%;
	text-align: center;
}

.search-over-c form input[type=search] {
	width: 100%;
	background: #0A301E;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    padding: .5em;
    font-size: 2em;
	line-height: 1em;
    font-family: 'StandardBook-Regular', Helvetica, sans-serif;
    color: #fff;
}

.search-over-c textarea, select, input, button {
	outline: none;
}

.search-over-c form button[type=submit] {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-family: 'StandardBook-Regular', Helvetica, sans-serif;
    color: #fff;
	width: 50%;
	font-size: 2em;
	line-height: 1.5em;
	cursor: pointer;
	padding-top: 1em;
}

.filter-click {
	cursor: pointer;
}

.filter-over {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: #0A301E;
	color: #fff;
	z-index: 9999;
}

.filter-over-c {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	width: 100%;
}

.filter-header {
	padding-bottom: .5em;
	font-size: 2em;
	line-height: 1.5em;
}

.filter-publisher, .filter-category {
	width: 50%;
	height: 100%;
	overflow: scroll;
	padding: 2%;
}

.filter-publisher {
	border-right: 1.5px solid white;
}

.filter-publisher ul, .filter-category ul {
	height: 100%;
	color: #fff;
	padding-top: 1em;
}

.filter-publisher ul li:last-child, .filter-category ul li:last-child {
	padding-bottom: 5em;
}

.filter-publisher ul li, .filter-category ul li {
	width: 85%;
	padding-left: 1.5em;
    text-indent:-1.5em;
}

.filter-publisher ul li a, .filter-category ul li a {
	overflow: scroll;
	margin-bottom: 2em;
	height: 100%;
	text-decoration: none;
	color: #fff;
	font-size: 2em;
	line-height: 1.5em;
	border-bottom: none;
}

.search-close, .filter-close {
	position: absolute;
	top: 2%;
	right: 2%;
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.no-results {
	font-size: 2em;
	line-height: 1.25em;
	width: 95%;
	margin: 0 auto;
}

/* Basket */

.basket {
	width: 90%;
	margin: 0 auto;
}

.basket table {
	width: 100%;
	font-size: 1.25em;
}

.basket-body td {
	text-align: center;
	vertical-align: middle;
}

.basket-img a {
	text-decoration: none;
}

.basket-header tr th {
	height: 2em;
}

.basket-total {
	width: 40%;
	float: right;
	padding-top: 1em;
	font-size: 1.25em;
}

#basketUpdate, #basketCheckout {
	background-color: #0c301d;
	color: #fff;
    font-family: 'StandardBook-Regular', Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    border:none;
    font-size: 1.25em;
    padding-top: .5em;
    padding-bottom: .25em;
    padding-left: .75em;
    padding-right: .75em;
}

#basketUpdate:hover, #basketCheckout:hover {
	background-color: #aaaaaa;
	color: #fff;
}

.basket-buttons {
	padding-top: 1em;
}

.basket-input {
	border: none;
	font-family: 'StandardBook-Regular', Helvetica, sans-serif;
	font-size: 1.25em;
	text-align: center;
	border-bottom: 1.5px solid #000;
	width: 2em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.basket-remove {
	text-decoration: none;
	border-bottom: none;
}

.basket-empty {
	width: 100%;
	height: 70vh;
	text-align: center;
	vertical-align: middle;
	line-height: 70vh;
}

/* Basket gift */

.basket-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding-bottom: 1em;
}

.basket-img img {
	width: 100%;
	margin: 0 auto;
}

.basket-img {
	width: 20%;
	padding: 1%;
	box-sizing: border-box;
}

.basket-copy {
	width: 80%;
	box-sizing: border-box;
	padding: 1%;
}

.cart-notes {
	width: 100%;
	padding-bottom: 0;
}

#CartNote {
	width: 50%;
	font-family: 'StandardBook-Regular';
	font-size: 1em;
	padding-top: .5em;
	resize: none;
	height: 5em;
}

/* Gift Guide */

.gift-dot {
	width: 12em;
	height: auto;
	position: fixed;
	top: 1em;
	right: 1em;
	transform: rotate(5deg);
	cursor: pointer;
}

.gift-dot svg {
	width: 100%;
	transition: .25s;
}

.gift-dot a {
	border: none;
}

.gift-dot svg .cls-1 {
	fill: #b08b3a;
	transition: .25s;
}

.gift-dot svg .cls-2 {
	fill:#fff;
}

.gift-dot:hover svg .cls-1 {
	fill: #0e2f1c;
	transition: .25s;
}

.guide-message {
	font-size: 1.25em;
	width: 80%;
	padding: 1%;
	margin-bottom: .5em;
}

.gift-guides {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
}

.guide {
	width: 50%;
	box-sizing: border-box;
	padding: 1%;
	margin-bottom: 2em;
}

.gg-img img {
	width: 100%;
}

.gg-img {
	padding-bottom: .25em;
}

.gg-title {
	font-size: 1.5em;
	transition: .25s;
	width: 90%;
	text-align: center;
	box-sizing: border-box;
	margin-left: 5%;
	margin-right: 5%;
}

.filter-click.giftclick {
  border-bottom: 1px solid #000000;
}

.gg-meta {
	transition: .25s;
	text-align: center;
	font-size: 1.25em;
	letter-spacing: 5px;
}

.guide:hover .gg-meta, .guide:hover .gg-title {
	opacity: .4;
	transition: .25s;
}

.sure {
	padding-top: .5em;
}

/* Random */

.Inga strong {
	color: #8d2624;
}

/* Mix */

.mix-column {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: space-between;
}

/* Media Queries */

/* MQ 950px */

@media screen and (max-width: 950px) {

.top-left {
	float: none;
	width: 100%;
	text-align: center;
}

.top-right {
	float: none;
	width: 100%;
	text-align: center;
}

.grid-item {
	width: 31%;
	height: 100%;
	padding-bottom: 2em;
}

main {
	padding-top: 14vh;
	padding-bottom: 10vh;
}

main.About, main.Events {
	padding-top: 10vh;
}

.about-content {
	width: 95%;
	margin: 0 auto;
}

.bottom {
	flex-wrap: wrap;
}

.bottom-left, .bottom-right {
	width: 100%;
	text-align: center;
}

}

/* MQ 850px */

@media screen and (max-width: 850px) {
	
#CartNote {
	width: 100%;
	height: 5em;
}
	
main {
	padding-top: 14vh;
}
	
.guide {
	width: 100%;
	box-sizing: border-box;
	padding: 1%;
	margin-bottom: 3em;
}

.gift-dot {
	width: 9em;
}

.guide-message {
	font-size: 1em;
	line-height: 1.35em;
	width: 98%;
	padding: 1%;
	margin-bottom: 1em;
	line-height: 1.25em;
}


.filter-over-c {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	width: 100%;
}

.filter-header {
	padding-bottom: .5em;
	font-size: 2em;
	line-height: 1.5em;
}

.filter-publisher, .filter-category {
	width: 100%;
	height: 100%;
	overflow: scroll;
	padding: 2%;
}

.filter-publisher {
	border-bottom: 1.5px solid white;
}

.basket-img {
	visibility: collapse;
	position: absolute;
}

.basket-total {
	width: 100%;
}

}

/* MQ 700px */

@media screen and (max-width: 700px) {

.grid-item {
	width: 48%;
	height: 100%;
	padding-bottom: 2em;
}

.product-info {
	display: none;
}

.product-container {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.product-image-part {
	width: 95%;
}

.product-image-part img {
	width: 100%;
}

.product-copy-part {
	width: 90%;
	font-size: 1.25em;
}

.product-info-mobile {
	display: block;
	width: 95%;
}

.product-meta {
	padding-top: .5em;
}

.viewing {
	width: 95%;
	margin: 0 auto;
}

.event-l {
	width: 95%;
	float: none;
	margin: 0 auto;
}

.event-r {
	padding-top: 2em;
	width: 95%;
	float: none;
	margin: 0 auto;
}

.event-title {
	font-size: 2em;
}

.about-content {
	font-size: 1em;
}

.filter-close, .search-close {
	width: 50px;
	height: 50px;
}

.search-over-c form button[type=submit] {
	width: 100%;
}


}

/* MQ 500px */

@media screen and (max-width: 500px) {

.top {
	font-size: 1.25em;
	padding-top: 1%;
}

.viewing {
	font-size: 1em;
}

.filter-publisher, .filter-category {
	font-size: .75em;
}

}