.shopmenu {
	width: 100%;
	height: 50px;
	color: black;
	/*position: relative;*/
	/*margin-top: 2em;*/
	padding: 15px;
	text-align: center;
}

.shopmenu div {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.shopmenu_p {
	margin: 0;
	padding: 0;
	color: red;
}

.shop_pic {
	position: relative;
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.shop_pic img {
	width: 300px;
}

#X {
	visibility: hidden;
	top: 3vh;
	right: 3vw;
	position: fixed;
	height: 10vh;
	width: 10vw;
	background: red;
	color: black;
	border: 3px solid black;
	border-radius: 3px;
	font-weight: 900;
	font-size: 5vw;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 9999;
}

.price {
	position: absolute;
	width: 3em;
	height: 1.5em;
	background: white;
	color: coral;
	left: 10px;
}

.flip {
	position: absolute;
	width: 2em;
	height: 2em;
	background: coral;
	color: white;
	right: 10px;
	padding-top: 4px;
	border-radius: 100%;
}

.desc {
	bottom: 80px;
	display: block;
	position: relative;
	height: 1.5em;
	background: rgba(255, 255, 255, 0.85);
	color: coral;
	text-align: left;
	padding-left: 5px;
}

.desc2 {
	bottom: 105px;
	display: block;
	position: relative;
	height: 1.5em;
	background: rgba(255, 255, 255, 0.85);
	color: coral;
	text-align: left;
	padding-left: 5px;
}

#tarrat { text-align: center; width: 100%; }

#intro {
	margin-top: 100px;
	text-align: center;
	width: 100%;
	color: black;
	font-size: 20px;
}

#sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 2.7em;
	background: gray;
	transform: transition(1.4s);
	color: white;
	z-index: 4;
}

.sticker {
	padding: 1em;
	width: 300px;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.shirt {
	padding: 1em;
	width: 300px;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.flipflop {
	padding: 1em;
	width: 300px;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#sticker1a {
	background-image: url('../media/gear/sticker1.jpg');
}

#sticker2a {
	background-image: url('../media/gear/sticker2.jpg');
}

#sticker3a {
	background-image: url('../media/gear/sticker3.jpg');
}

#sticker4a {
	background-image: url('../media/gear/sticker4.jpg');
}

#shirt1a {
	background-image: url('../media/gear/shirt1.jpg');
}

#shirt2a {
	background-image: url('../media/gear/shirt2a.jpg');
}

#shirt2b {
	background-image: url('../media/gear/shirtb.jpg');
}

#shirt3a {
	background-image: url('../media/gear/shirt3.jpg');
}

#shirt4a {
	background-image: url('../media/gear/shirt4a.jpg');
}

#shirt4b {
	background-image: url('../media/gear/shirt4b.jpg');
}

#shirt5a {
	background-image: url('../media/gear/shirt5a.jpg');
}

#shirt5b {
	background-image: url('../media/gear/shirtb.jpg');
}
#shirt6a {
	background-image: url('../media/gear/shirt6a.jpg');
}

#shirt6b {
	background-image: url('../media/gear/shirt6b.jpg');
}

#flipflop1 {
	background-image: url('../media/gear/flipflop2.jpg');
}