html, body, div {
	font-family: 'Lato', sans-serif;
}

h1 {
	font-weight: 800;
	color: #58595b;
}

.microsite-header-before {
	width: 75px;
	height: auto;
}


.microsite-promo-mechanic ul li {
	list-style: decimal;
	padding-left: 0;
	margin-bottom: 20px;
}

.participating-stores-wrapper ul {
	z-index: 10;
}
/* 
.participating-stores-wrapper ul li {
	list-style: none;
	font-weight: 700;
	color: #000000;
	font-size: 21px;
}
 */
.microsite-section-header {
	font-size: 37px;
	font-weight: 800;
	margin-bottom: 40px;
	color: #000000;
}

.microsite-section-header.absolute-header {
	margin-bottom: -80px;
	z-index: 9;
	position: relative;
}

.microsite-promo-product-specification {
	margin-top: -12px;
	z-index: 0;
	position: relative;
}

.microsite-promo-mainbanner {
	position: relative;
	z-index: 10;
}

.microsite-promo-product-specification img {
	z-index: 0;
	position: relative;
}

.microsite-promo-mechanic {
	/* padding-top: 150px; 
	padding-bottom: 150px;  */
}

.participating-stores-wrapper {
	/* padding-top: 50px; 
	padding-bottom: 50px;  */
}

.microsite-promo-mechanic table th {
	border: 1px solid #000000;
	/* background: #42c4de; */
}

.microsite-promo-mechanic table td {
	border: 1px solid #000000;
	vertical-align: middle;
}

#main-menu {
	z-index: 999;
	background: rgba( 255, 255, 255, 0.6);
	text-align: right;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

section:focus {
	outline: 0;
}

#main-menu.scrolled {
    background: #fff; /* IE */
    background: rgba( 255, 255, 255, 1); /* NON-IE */
	padding: 0px 50px;
	position: fixed;
}

#main-menu li a {
	color: #434242;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main-menu li a:hover {
	color: green;

}

.fancybox-skin {
	padding: 0 !important;
}


.participating-stores-wrapper ul  {
	margin: 0;
	padding: 0;
}

.participating-stores-wrapper .stores div {
    font-weight: 600;
    font-size: 1rem;
	list-style: none;
	display: inline-block;
	width: 50%;
}

@media (max-width: 700px) {
	h1 {
		font-size: 21px;
	}
	
	.microsite-header-before {
		width: 40px;
		height: auto;
	}
	
	.col-6 {
		max-width: 90%;
		flex: 0 0 90%;
	}
	
	.microsite-section-header {
		font-size: 31px;
	}
	
	.microsite-promo-mechanic {
		padding-top: 100px; 
		padding-bottom: 50px; 
	}
	
}