@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,700;0,900;1,300&display=swap');
@font-face {font-family: 'Azonix'; src: url('css/azonix.otf') format('opentype'); font-weight: normal;font-style: normal;}

body {
	background-color: #262626;
	color: #fff;
	font-size: 30px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 200;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
.body {
	clear: both;
	margin: 0;
	width: 100%;
	height: auto;
}

* {padding:0; margin:0}

strong {
	font-weight:700;
}

/* ===========================================================================================================================================================
   ===== HEADINGS ============================================================================================================================================ 
   =========================================================================================================================================================== */

h1 {
	font-size: 200%;
	text-transform: uppercase;
	font-weight: 800;
}

h2 {
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 700;
}

h3 {font-size:120%}
h4 {font-size:120%}
h5 {font-size:120%}
h6 {font-size:120%}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 2%;
}

li {list-style-type: none;}

/* ===========================================================================================================================================================
   ===== ANCHOR STYLE ======================================================================================================================================== 
   =========================================================================================================================================================== */

a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

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

img {width: 100%;}

/* ===========================================================================================================================================================
   ===== NAVIGATION ========================================================================================================================================== 
   =========================================================================================================================================================== */

nav {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 50px;
	left: 0%;
	top: 0%;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	transition: 0.3s;
	-moz-z-index: 10; /* Mozilla */
	z-index: 10;
}
nav:hover {
	background-color: rgba(0,0,0,1);
}
.logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2.5%;
	width: auto;
	height: 30px;
}
nav ul {
	position: absolute;
	margin: auto 2.5% auto auto;
	right: 0%;
	width: 65%;
}
nav ul li {
	position: relative;
	padding: 20px 0px 10px 0px;
	width: 19.5%;
	height: auto;
	float: right;
	font-family: 'Josefin Sans', sans-serif;
	color: rgba(255,255,255,0.4);
	font-size: 45%;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
}
nav ul li a {
	color: rgba(255,255,255,0.5);
	transition: 0.3s;
}
nav ul li a:hover {
	color: rgba(255,255,255,1.0);
}

nav ul li ul {
	position: relative;
	margin: 10px auto auto auto;
	width: 100%;
}

nav ul li ul li {
	float: left;
	position: relative;
	margin: auto auto auto auto;
	padding: 0% 0%;
	width: 100%;
	height: auto;
	color: rgba(255,255,255,0.4);
	background-color: rgba(0,0,0,0.5);
	font-size: 90%;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
	display: none;
	opacity: 0;
	transition: 0.75s;
}
nav ul li ul li:hover {
	color: #1a1a1a;
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.0);
}
nav ul li:hover ul li {
	display: block;
	opacity: 1;
	-webkit-animation-name: fadr1;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-iteration-count: 1;
	animation-name: fadr1;
	animation-duration: 0.75s;
	animation-iteration-count: 1;
}
@-webkit-keyframes fadr1 {
	from 	{opacity: 0;}
	to 		{opacity: 1;}
}
@keyframes fadr1 {
	from 	{opacity: 0;}
	to 		{opacity: 1;}
}

.nav {display:none;}

/* ===========================================================================================================================================================
   ===== BODY ================================================================================================================================================ 
   =========================================================================================================================================================== */

.ager01 {
  position: relative;
	margin: auto;
	padding: 170px 10% 40% 10%;
}
.ager01 img {
	width: 500px;
	margin: 0% 0% 5% 0%;
}
.ager01 h1 {
	font-size: 32pt;
}
.ager01 p {
	margin: auto auto 5% auto;
	font-size: 16pt;
	width: 500px;
}
.ager01 input {
	padding: 20px;
	margin: 0% 2.5% 0% 0%;
	color: rgba(0,0,0,0.8);
	font-size: 14pt;
}
.ager01 button {
	padding: 20px 20px;
	background-color: #333;
	color: #fff;
	border: none;
	cursor: pointer;
}

.ager01 a {
	padding: 2.5% 3% 2% 3%;
	background-color: #333;
	color: #fff;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14pt;
	transition: 0.3s;
}
.ager01 a:hover {	
	background-color: #ffd23f;
	color: #000000;
}
.about01 {
	position: relative;
	margin: 50px auto auto auto;
	padding: 10% 0% 10% 0%;
	background: linear-gradient(#d5786a, #e0897b, #d58376, #d08074);
}
.cart-chart {
	position: relative;
	margin: auto auto 5% auto;
	width: 90%;
	max-width: 1200px;
}
.cart-chart-mobile {
	display: none;
}
.about01 h1 {
	width: 90%;
	margin: auto auto;
	font-size: 160%;
}
.about01 p {
	width: 80%;
	max-width: 1200px;
	margin: auto auto 5% auto;
	font-size: 80%;
	color: rgba(255,255,255, 0.9);
}
.bg.bg20 {
	background-image: url(http://carbonxii.com/images/box20_sativa.png);
	background-color: #ceced9;
}
.bg.bg21 {
	background-image: url(http://carbonxii.com/images/box21_indica.png);
	background-color: #A6A6A6;
}
.bg.bg22 {
	background-image: url(http://carbonxii.com/images/box22_hybrid.png);
	background-color: #e5decc;
}
.name20, .name21, .name22 {
	position: absolute;
	width: 35%;
	left: 72.5%;
	top: 60%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
	padding: 1% 2%;
	font-size: 75%;
	text-align: left;
	color: rgba(0,0,0,0.6);
}
.name20 ul li {
	margin: 2.5% auto auto auto;
	font-weight: 400;
}

.name20, .name21, .name22 p {
	font-size: 60%;
	line-height: 1.0;
}
.about02 {
	position: relative;
	margin: auto auto;
	width: 80%;
	max-width: 800px;
	padding: 15% 0%;
	background-color: rgba(0,0,0,0.8)
	overflow: hidden;
}
.about02 p {
	font-size: 16pt;
}
.about02 h3 {
	font-size: 100%;
}
.about02 img {
	margin: 10% auto 2.5% auto;
	width: 10%;
}
#banner01 {
	position: absolute;
	top: 0%;
	margin: 50px auto auto auto;
	background-color: #ceced9;
	overflow: hidden:
}
.banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
}
.banner-text h2 {
	font-size: 150%;
}

.ingredients {
	position: relative;
	margin: 40% auto auto auto;
	width: 80%;
	padding: 10% 10%;
	text-align: left;
	background-color: #262626;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.ingredients p {
	margin: auto auto 5% auto;
	font-size: 75%;
	color: rgba(255,255,255,0.75);
}
.about03 {
	position: relative;
	margin: auto auto;
	width: 60%;
	padding: 10% 20%;
	text-align: left;
	background-color: #d9d9d9;
	color: rgba(0,0,0,0.8);
}
.about03 h4 {
	margin: auto auto 0% auto;
	font-size: 12pt;
}
.about03 p {
	margin: auto auto 5% auto;
	font-size: 12pt;
	font-weight: 300;
}
.about03 img {
	margin: auto auto 5% 5%;
	width: 20%;
}
.pie25 {
	position: relative;
	display: inline-block;
	width: 27%;
	padding: 0% 10% 5% 10%;
}
.pie95 {
	position: relative;
	display: inline-block;
	width: 27%;
	padding: 0% 10% 5% 10%;
}
.img3 {
	position: relative;
	margin: auto auto 5% 35%;
	display: inline-block;
	width: 30%;
}
table {
	position: relative;
	margin: auto auto 5% auto;
	width: 100%;
	font-size: 12pt;
	color: rgba(255,255,255,0.75);
}
table th {
	width: 50%;
	font-weight: 300;
}
table td, th{
	border: solid 1px rgba(255,255,255,0.20);
	padding: 1.5%;
}
table a {
	color: rgba(255,255,255,0.75);
	text-decoration: underline;
}

.banner2-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translateX(-50%) translateY(-50%);
}
.banner2-text h2 {
	color: #FFFFFF;
	font-size: 150%;
	text-shadow: -1px 4px 10px rgba(0,0,0,0.5);
	text-transform: capitalize;
	margin: auto auto 0% auto;
}
.banner2-text p {
	color: #000;
	text-transform: uppercase;
	font-size: 75%;
	letter-spacing: 10pt;
	color: rgba(0,0,0,0.5);
}
.estore {
	position: relative;
	margin: 25% auto auto auto;
	width: 90%;
	padding: 10% 5%;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.estore ul {
	position: relative;
	margin: auto auto;
	width: 100%;
	height: auto;
}
.estore ul li {
	position: relative;
	margin: auto auto 10% auto;
	width: 32%;
	height: auto;
	display: inline-block;
	font-size: 12pt;
	font-weight: 500;
}
.estore ul li h4 {
	font-weight: 500;
}
.estore ul li a {
	position: relative;
	margin:  auto auto;
	border: solid 1px rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.8);
	padding: 2.5% 6%;
	transition: 0.3s;
}
.estore ul li a span {
	color: red;
}
.estore ul li a:hover {
	background-color: #ffd23f;
	border: solid 1px #ffd23f;
}
.estore p {
	margin: auto auto 10% auto;
	font-size: 75%;
	color: rgba(255,255,255,0.75);
}
.lmnds01 {
	position: relative;
	margin: auto auto;
	width: 90%;
	padding: 10% 5%;
	background: #FFFFFF;
	color: rgba(0,0,0,0.8);
}
.lmnds01 h1 {
	margin: auto auto;
	color: #FFFFFF;
	font-size: 260%;
	text-shadow: -1px 4px 10px rgba(0,0,0,0.5);
}
.lmnds01 p {
	font-size: 14pt;
	margin: auto auto 5% auto;
}
.lmnds01 li {
	display: inline-block;
	width: 24%;
}
.lmnds01 h2 {
	font-size: 14pt;
	margin: auto auto 0% auto;
}
.lmnds01 a {
	font-size: 11pt;
	color: rgba(0,0,0,0.8);
	transition: 0.3s;
}
.lmnds01 a:hover {
	opacity: 0.8;
}

/* ===========================================================================================================================================================
   ===== MERCHANDISE ========================================================================================================================================= 
   =========================================================================================================================================================== */

.merch01 {
	position: relative;
	margin: auto auto;
	background: #FFFFFF;
	color: rgba(0,0,0,0.8);
	padding: 10% 0% 15% 0%;
}
.merch {
	position: absolute;
	margin: auto;
	top: 50%;
	left: 0%;
	transform: translateX(0%) translateY(-50%);
	display: inline-block;
	width: 50%;
}
.merch-info {
	position: relative;
	margin: auto auto auto 50%;
	display: inline-block;
	width: 39%;
	padding: 0% 5%;
	text-align: left;
}
.merch-info h1 {
	font-size: 28pt;
}
.merch-info h2 {
	font-size: 10pt;
}
.merch-info p {
	font-size: 12pt;
	font-weight: 300;
	margin: auto auto 5% auto;
}
.merch-info li {
	font-size: 12pt;
	font-weight: 300;
	color: rgba(0,0,0,0.5);
	list-style-type: disc;
	margin: auto auto 1% 5%;
}
.merch-info a {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 65%;
	margin: 5% auto auto auto;
	background-color: rgba(0,0,0,0.8);
	padding: 2.75% 0% 2% 0%;
	transition: 0.3s;
}
.merch-info a:hover {
	background-color: #ffd23f;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.ppg-03 {
	position: relative;
	margin: auto auto;
	background: #FFFFFF;
	color: rgba(0,0,0,0.8);
	width: 90%;
	padding: 10% 5%;
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
}
.ppg-03 h3 {
	font-size: 20pt;
	text-align: left;
}
.ppg-03 li {
	position: relative;
	margin: auto auto;
	width: 24%;
	height: auto;
	display: inline-block;
	font-size: 12pt;
	font-weight: 500;
}
.ppg-03 li a {
	position: relative;
	margin:  auto auto;
	color: rgba(0,0,0,0.8);
	transition: 0.3s;
}
.ppg-03 li a:hover {
	color: #ffd23f;
}

.cure01 {
	position: relative;
	width: 100%;
	background: #ccc5b8;
	background-size: cover;
}

/* ===========================================================================================================================================================
   ===== BLOG ================================================================================================================================================ 
   =========================================================================================================================================================== */

.blog-container {
	position: relative;
	margin: auto;
	width: 50%;
	padding: 10% 0% 5% 0%;
	height: auto;
	background-color: #262626;
	text-align: left;
}
.blog-container h2 {
	font-size: 120%;
}
.blog-img {
	margin: auto auto 5% auto;
}
.blog-container p {
	font-size: 70%;
	margin: auto auto 2.5% auto;
}
.blog-container p a {
	color: rgba(255,255,255,0.88);
	font-weight: 800;
	text-decoration: underline;
	transition: 0.3s;
}
.blog-container p a:hover {
	color: rgba(255,255,255,1.0);	
}
.date {
	color: rgba(255,255,255,0.5);
	font-weight: 200;
	font-size: 40%;
	font-family: sans-serif;
}
.map01 {
	position: relative;
	margin: 10%;
	width: 80%;
	height: auto;
}
.entry_txt {
	position: relative;
	margin: auto auto 5% auto;
	padding: 2% 5%;
	width: 90%;
	color: #1a1a1a;
	font-size: 16pt;
	background-color: rgba(255,255,255,1);
	border: 0px solid;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
.entry_btn {
	position: relative;
	margin: auto auto 10% auto;
	padding: 1.5% 2.5% 1.5% 2.5%;
	color: #FFFFFF;
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: 500;
	border: solid 1px rgba(255,255,255,0.3);
	font-family: 'Josefin Sans', sans-serif;
	background-color: rgba(255,255,255,0.0);
	transition: 0.3s;
}
.entry_btn:hover {
	background-color: #FFFFFF;
	color: #000;
}
.side-menu{
	position: fixed;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%);
	text-align: left;
	width: 20%;
}
.side-menu li a {
	position: relative;
	margin: auto auto;
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: 900;
	color: rgba(255,255,255,0.5);
	padding: 5% 5%;
	transition: 0.3s;
	width: 100%;
	height: auto;
}
.side-menu li a:hover {
	color: #FFFFFF;
}

.side-menu li a img {
	position: relative;
	margin: auto 4pt auto auto;
	width: 16pt;
	height: auto;
	top: 5pt;
	transform: translateY(0%);
	display: inline;
	opacity: 0.5;
	transition: 0.3s;
}

.container {
	position: relative;
	margin: 10% auto auto auto;
	width: 50%;
	padding: 5% 0%;
	height: auto;
	text-align: left;	
}
.container h2 {
	color: rgba(255,255,255,0.88);
	margin: 10% auto 2.5% auto;
	font-size: 100%;
}
.container h3 {
	color: rgba(255,255,255,0.88);
	margin: 10% auto 2.5% auto;
	font-size: 80%;
}
.container p {
	font-size: 70%;
	margin: auto auto 5% auto;
}
.container p a {
	color: rgba(255,255,255,0.88);
	font-weight: 800;
	text-decoration: underline;
	transition: 0.3s;
}
.container p a:hover {
	color: rgba(255,255,255,1.0);	
}

.contact {
	position: relative;
	margin: 10% auto;
	width: 60%;
	height: auto;
	padding: 0% 20%;
}
.space {
	margin: 30% auto;
}
#name {
	position: relative;
	margin: 5% auto;
	width: 90%;
	padding: 2% 5%;
	border: 3px solid rgba(255,255,255,0.88);
	background-color: rgba(255,255,255,0.0);
	color: #FFF;
	font-size: 16pt;
	font-family: sans-serif;
}
#email {
	position: relative;
	margin: auto auto 5% auto;
	width: 90%;
	padding: 2% 5%;
	border: 3px solid rgba(255,255,255,0.88);
	background-color: rgba(255,255,255,0.0);
	color: #FFF;
	font-size: 16pt;
	font-family: sans-serif;	
}
#message {
	position: relative;
	margin: auto auto 5% auto;
	width: 90%;
	padding: 2% 5%;
	border: 3px solid rgba(255,255,255,0.88);
	background-color: rgba(255,255,255,0.0);
	color: #FFF;
	font-size: 16pt;
	font-family: sans-serif;	
}
.submit-btn {	
	position: relative;
	margin: auto auto 5% auto;
	width: auto;
	padding: 2% 5%;
	border: 3px solid rgba(255,255,255,0.88);
	background-color: rgba(255,255,255,0.0);
	color: #FFF;
	font-size: 12pt;
	text-transform: uppercase;
	font-weight: 800;
	transition: 0.3s;
}
.submit-btn:hover {
	background-color: #ffae00;
	border: 3px solid #ffae00;
}
.g-recaptcha {
	position: relative;
	margin: auto auto 5% auto;
	width: 302px;
}

/* ===========================================================================================================================================================
   ===== FOOTER ============================================================================================================================================== 
   =========================================================================================================================================================== */

footer {
	position: relative;
	margin: auto;
	padding: 2.5% 0%;
	font-size: 36%;
	text-transform: uppercase;
	font-weight: 400;
	box-shadow:inset 0px 0px 30px rgba(0,0,0,0.9);
	color: rgba(255,255,255,0.5);
}
footer a {
	color: rgba(255,255,255,0.5);
	transition: 0.3s;
}
footer a:hover {
	color: rgba(255,255,255, 1.0);
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {}

/* ===========================================================================================================================================================
   ===== MEDIA QUERIES ======================================================================================================================================= 
   =========================================================================================================================================================== */
   
@media only screen and (min-width : 0px) and (max-width : 768px) {
	
	nav {display: none;}
	
	.nav {
		display:block;
		position: fixed;
		top: 0%;
		left: 0%;
		z-index: 99;
		width: 100%;
		height: 70px;
		background-color: #1a1a1a;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	}
	
	.logo {
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		left: 50%;
		width: auto;
		height: 30px;
	}
	
	.menu_btn {
		position: relative;
		width: 70px;
		height: 70px;
		float: left;
		display: block;
	}
	.menu_btn img {
		position: absolute;
		width: 70%;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	
	.menu_dropdown {
		position: absolute;
		top: 70px;
		margin: 0% auto;
		width: 100%;
		height: auto;
		background-color: black;
		z-index: 98;
	}
	
	.menu_dropdown ol {
		position: relative;
		margin: 0% auto;
		width: 100%;
		height: auto;
	}
	
	.menu_dropdown ol li {
		position: relative;
		margin: 0% auto;
		width: 100%;
		height: auto;
		padding: 5% 0%;
		text-align: left;
		text-indent: 5%;
		display: inline-block;
		border-bottom: 2px solid rgba(255,255,255,0.1);
	}
	.menu_dropdown ol li a {
		position: relative;
		margin: 0% auto;
		color: #fff;
		font-size: 60%;
		text-transform: uppercase;
		font-weight: 800;
		display: block;
		width: 100%;
		height: auto;
		padding: 0% 0%;
	}
	.menu_dropdown ol li a:active {
		color: #1a1a1a;
		background-color: #fff;
	}

	/* ===========================================================================================================================================================
   ===== BODY ================================================================================================================================================ 
   =========================================================================================================================================================== */

	.ager01 {
		padding: 70px 10% 50% 10%;
	}
	.ager01 img {
		width: 80%;
		margin: 0% 0% 15% 0%;
	}
	.ager01 h1 {
		font-size: 20pt;
		margin: 0% 0% 5% 0%;
	}
	.ager01 p {
		margin: auto auto 15% auto;
		font-size: 16pt;
		width: 80%;
	}
	.about01 {
		padding: 20% 0%;
	}
	.cart-chart {
		position: relative;
		margin: auto auto 5% auto;
		width: 95%;
		max-width: 1200px;
		background-color: #262626;	
	}
	.about01 h1 {
		width: 90%;
		margin: auto auto 5% auto;
		font-size: 120%;
	}
	.cart-chart {
		display: none;
	}
	.cart-chart-mobile {
		display: block;
	}
	
	.name20 p {
		display: none;
	}
	.name20 {
		left: 30%;
		top: 62.5%;
		width: 40%;
		padding: 5% 2%;
		font-size: 50%;
	}
	.name20 ul li {
		font-weight: 400;
	}
	.bg.bg20, .bg.bg21, .bg.bg22 {
		background-position-x: 45%;
	}
	
	.about02 {
		position: relative;
		margin: auto auto;
		width: 80%;
		padding: 20% 10%;
		background-color: rgba(0,0,0,0.8)
		overflow: hidden;
	}
	.about02 p {
		font-size: 16pt;
	}
	.about02 h3 {
		font-size: 100%;
	}
	.about02 img {
		margin: 20% auto 2.5% auto;
		width: 25%;
	}
	.banner-text h2 {
		font-size: 60%;
	}

	.ingredients {
		margin: 50% auto auto auto;
		width: 90%;
		padding: 5% 5% 10% 5%;
	}
	.ingredients h3 {
		font-size: 100%;
		margin: auto auto 5% auto;
	}
	.ingredients p {
		text-align: justify;
		font-size: 16pt;
		margin: auto auto 10% auto;
	}
	.about03 {
		width: 80%;
		padding: 20% 10%;
	}
	.about03 h4 {
		font-size: 14pt;
	}
	.about03 p {
		margin: auto auto 10% auto;
		font-size: 14pt;
	}
	.about03 img {
		margin: auto auto 5% auto;
		width: 30%;
	}
	.pie25 {
		width: 70%;
		padding: 0% 15% 10% 15%;
	}
	.pie95 {
		width: 70%;
		padding: 0% 15% 10% 15%;
	}
	table {
		font-size: 12pt;
	}
	table th {
		width: 50%;
		font-weight: 300;
	}
	
	.estore {
		position: relative;
		margin: auto auto;
		width: 90%;
		padding: 25% 5% 10% 5%;
		text-align: center;
	}
	.estore h3 {
		margin: 15% auto 15% auto;
		font-size: 85%;
	}
	.estore ul {
		position: relative;
		margin: auto auto;
		width: 100%;
		height: auto;
	}
	.estore ul li {
		position: relative;
		margin: auto auto 20% auto;
		width: 90%;
		height: auto;
		display: inline-block;
		font-size: 14pt;
	}
	.estore p {
		margin: auto auto 10% auto;
		font-size: 75%;
		color: rgba(255,255,255,0.75);
	}
	.lmnds01 {
		position: relative;
		margin: auto auto;
		width: 90%;
		padding: 30% 5% 20% 5%;
	}
	.lmnds01 h1 {
		margin: auto auto;
		color: #FFFFFF;
		font-size: 160%;
		text-shadow: -1px 4px 7px rgba(0,0,0,0.5);
	}
	.lmnds01 p {
		font-size: 11pt;
		margin: auto auto 5% auto;
	}
	.lmnds01 li {
		display: inline-block;
		width: 70%;
		padding: 0% 10%;
		margin: auto auto 15% auto;
	}
	.lmnds01 h2 {
		font-size: 14pt;
		margin: auto auto 0% auto;
	}

	
	/* ===========================================================================================================================================================
		 ===== MERCHANDISE ========================================================================================================================================= 
		 =========================================================================================================================================================== */

	.merch01 {
		position: relative;
		margin: auto auto;
		background: #FFFFFF;
		color: rgba(0,0,0,0.8);
		padding: 70px 0% 15% 0%;
	}
	.merch {
		position: relative;
		margin: auto;
		top: unset;
		left: unset;
		transform: translateX(0%) translateY(0%);
		display: inline-block;
		width: 100%;
	}
	.merch-info {
		position: relative;
		margin: auto auto auto 0%;
		display: inline-block;
		width: 90%;
		padding: 0% 5%;
		text-align: left;
	}
	.ppg-03 {
		padding: 25% 5%;
	}
	.ppg-03 h3 {
		font-size: 18pt;
		text-align: Center;
	}
	.ppg-03 li {
		width: 48%;
		font-size: 10pt;
	}
	
	/* ===========================================================================================================================================================
   ===== BLOG ================================================================================================================================================ 
   =========================================================================================================================================================== */

	.blog-container {
		margin: 70px auto auto auto;
		width: 100%;
		padding: 5% 0%;
	}
	.blog-container h2 {
		font-size: 120%;
		margin: 5% auto;
		width: 90%;
	}
	.blog-container h3 {
		font-size: 90%;
		margin: 2.5% auto;
		width: 90%;
	}	
	.blog-container p {
		font-size: 16pt;
		margin: auto auto 2.5% auto;
		width: 90%;
		font-weight: 300;
	}
	.date {
		margin: auto auto 2% auto;
		width: 90%;
		font-size: 10pt;
	}
	.map01 {
		position: relative;
		margin: 0% 5% 10% 5%;
		width: 90%;
		height: auto;
	}
	.entry_txt {
		margin: auto auto 5% 10%;
		padding: 2% 5%;
		width: 70%;
	}
	.entry_btn {
		margin: auto auto 15% 5%;
		padding: 2% 2.5%;
	}
	.side-menu{
		margin: auto auto 10% auto;
		position: relative;
		top: 0%;
		left: 0%;
		transform: translateY(0%);
		text-align: left;
		width: 100%;
	}
	.container {
		margin: 10% auto auto auto;
		width: 100%;
		padding: 5% 0%;
	}
	.container h2 {
		font-size: 90%;
		margin: 15% auto 5% auto;
		width: 90%;
		color: rgba(255,255,255,0.88);
	}
	.container h3 {
		font-size: 80%;
		margin: 5% auto;
		width: 90%;
		color: rgba(255,255,255,0.88);
	}
	.container p {
		font-size: 16pt;
		margin: auto auto 10% auto;
		width: 90%;
		font-weight: 300;
	}
	
	.contact {
		position: relative;
		margin: 30% auto;
		width: 90%;
		height: auto;
		padding: 0% 5%;
	}
	#name {
		margin: 10% auto;
		width: 90%;
		padding: 5% 5%;
	}
	#email {
		margin: auto auto 10% auto;
		width: 90%;
		padding: 5% 5%;
	}
	#message {
		margin: auto auto 10% auto;
		width: 90%;
		padding: 5% 5%;
	}
	.submit-btn {
		padding: 5% 15%;
	}
	.space {
		margin: 30% auto;
	}

	/* ===========================================================================================================================================================
	===== FOOTER ============================================================================================================================================== 
	=========================================================================================================================================================== */

	footer {
		padding: 20% 10%;
		font-size: 55%;
	}
	
}