@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: longDrink1;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/Fonts/BaskervilleItalic.ttf");


}
#map-legend{
	margin:0 auto;
width:400px;
border-bottom:#000000 solid thin;
border-left:#000000 solid thin;
border-right: #000000 solid thin;
font-family:longDrink2;
font-size:12px;
	z-index:10000;
	padding:0px;
	height: 60px;
}
#innerleg{
	width:190px;
	margin:0px;

	padding-top:5px;
	padding-bottom:0px;
	float:left;
}
.ldblueBTN{
	margin:5px;
	width: 180px;
	height:50px;
	font-family:longDrink2;
	font-size:16px;
	color:#FFFFFF;
	background-color:#00b2e2;
	border-radius: 15px;
	padding:5px;
	cursor:pointer;
	border: #FFFFFF solid 1px;



}
#zipSearchBar{
  display: flex;
  justify-content: center;
  text-align: center;
	width:100%;
	background-color:#222222;
	color:#FFFFFF;
	height: auto;
	margin-top:0px;
		font-family:longdrink3;
	font-size:24px;
  padding: .5rem 0;
}

#fzip {
  text-align: center;
}
.drizlyH2{
		font-size:50px;
	color:#000000;
	padding-top:10px;
	font-family:longDrink2;
	text-align:left;
	text-shadow:0px 0px 45px #000000;
	line-height: 60px;
}
#pantssubtitle{
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	color:#FFFFFF;
	font-family:longDrink3;
	font-size:14px;
}
#pantssubtitle a{
	text-decoration:none;
	color:#FFFFFF;
}
#pantssubtitle a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

.pantsH1{
	font-size:60px;
	text-align:left;
}
.pantsH2{
	font-size:32px;
	color:#000000;
	padding-top:10px;
	font-family:longDrink3;
	text-align:left;
}
.pantsH3{
	font-size:20px;
	font-family:longDrink3;
		color:#000000;
		text-align:left;
			padding-top:10px;
}
.pantsP{

	font-family:longDrink3;
}


#biggerspacing{
	line-height:26px;

}
.picNE{
	width:403px;
}
.picKR{
	width:340px;
}

#awards{
	width:100%;
	margin: 0 auto;
}
#Mmenu{
	display:none;
}
#stateview{
	display:none;
}
@font-face {
    font-family: longDrink2;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/Fonts/veneer clean regular.otf") format("opentype");
}

@font-face {
    font-family: longDrink3;
   /* src: url('/Fonts/veneer_clean_regular-webfont.woff2') format('woff2'),
         url('/Fonts/veneer_clean_regular-webfont.woff') format('woff');
		 */
	    src: url("/Fonts/URW-CorporateAPro-DemiItalic.otf") format("opentype");

    font-weight: normal;
    font-style: normal;

}
.fontcorporate{
	font-family:longDrink3;
}
.divspace{
	margin-left:25px;
	margin-right:25px;

}
#press{
display:inline-block;

margin-left:10px;
margin-right:10px;
margin-bottom:10px;

	width:190px;
	text-align:center;
/*	border:#999999 thin solid; */
	padding:3px;

}
#press a{
text-decoration:none;
	font-family:longDrink2;
color:#000000;
}
#press h5{
text-decoration:none;
color:#000000;
height:50px;
}
#press h6{
	font-family:longDrink3;
		font-size:14px;
color:#000000;
font-weight:normal;
}
.storypic{
	padding:3px;
	/* border:#999999 thin solid; */

}
body, html{
	height:100%;
	margin:0px;
	}
#container {
	position:relative;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}
#adminwrapper{
	position:relative;
	margin:0 auto;
	width:1080px;
	text-align:center;

	overflow:auto;

}
#col100{
	float:left;
	width:100px;
}
#col80{
	float:left;
	width:80px;
}
#col150{
	float:left;
	width:150px;
}
#col150left{
	float:left;
	width:150px;
	text-align:left;
}
#col200{
	float:left;
	width:200px;
}
#col200left{
	float:left;
	width:200px;
	text-align:left;
}
#col250left{
	float:left;
	width:250px;
	text-align:left;
}
#col450left{
	float:left;
	width:450px;
	text-align:left;
}
#col300left{
	float:left;
	width:300px;
	text-align:left;
}
#colClearNoBorder{
	clear:both;
}
#colClearThinBorder{
	clear:both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#colClearFatBorder{
	clear:both;
		border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
a.redlink:link{
	text-decoration:none;
	color:#FF0000;

}
#picDIV{
/*	float:left; */
	display:inline-block;
	width:260px;
	margin:5px;
	padding:5px;
	background-color:#CCCCCC;
		border:#00b2e2 solid 2px;
		border-radius:10px;

}
.picIMG{
		border:#00b2e2 solid 1px;
				border-radius:10px;
}
.awardimg{
	width:170px;
	margin:20px;
}
#picgallery{
position:relative;
margin: 0 auto;
text-align: center;
width:100%;
}
#pressgallery{
position:relative;
margin: 0 auto;
text-align: center;
width:100%;
}
a.redlink:visited{
	text-decoration:none;
	color:#FF0000;

}

a.redlink:hover{
	text-decoration:underline;
	color:#FF0000;

}

.salepretext{
	font-family:longDrink1;
	font-size:24px;
	text-align:center;
}
.salestable{
	border:#00b2e2 solid 1px;
	color:#00b2e2;
	padding: 5px;
	margin:5px;
}

#qtydisplay{
	display:inline-block;
	width:50px;
}
.qdisplay{
		display:inline-block;
	width:50px;
	border:  #cccccc solid thin;
}
.adminmenuoption{
	float:left;
	width:150px;
	height:80px;
	color:#666666;
	border:#FF0000 solid 2px;
	margin-right:15px;
	margin-left:15px;
	padding:25px;
	border-radius: 25px;
	margin-bottom:25px;
}
.adminmenuoption h3{
	color:#666666;
	margin-top:10px;
}
.subtextarea{
width: 850px;
height: 300px;
}
#basket{
	position:fixed;
right:0px;
top:40%;
width: 35px;
height: 300px;
	background-color:#00b2e2;
	color:#ffffff;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#basketContent{
	transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-webkittransform:rotate(270deg);
	-o-transform:rotate(270deg);
	left:150px;
	height:300px;
	width:310px;
	text-align:center;
	zoom:1;
	font-size:18px;
}
#basketdetails{
	position:fixed;
right:0px;
width:500px;
background-color:#FFFFFF;
border:medium solid #00b2e2;
height:300px;
top:40%;
display:none;
}
#basketdetailsContent{
	float:left;
	width:460px;
	margin:20px;
	height:260px;

}
#cartitem{
float:left;
width:250px;
text-align:center;
}
#cart{
float:left;
width:800px;
text-align:center;

}
#cartleft{
float:left;
width:450px;
text-align:center;

}
#cartright{
float:left;
width:300px;
text-align:center;

}
#lowercart{
	clear:both;
	float:left;
	width: 400px;
	text-align:right;
	margin-top: 25px;
}
#scrollerDR{
	position:relative;
	background-color:#333333;
	background-image: url("/gfx/background/Bear2000Mid.jpg");
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier()

}
#scroller{
	position:relative;
	background-color:#333333;
	background-image: url("/gfx/background/KOLI_BW.jpg");
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier()

}
#scrollerCan{
	position:relative;
	background-color:#FFFFFF;

	height:100%;
	background-attachment:scroller;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier()

}
#scrollerMap{
	position:relative;
	background-color:#FFFFFF;
	background-image: url("/gfx/background/mapNewYork.jpg");
	height:100%;
	background-attachment:scroller;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier()

}

#scrollerblankAdmin{
	position:relative;
	background-color:#FFFFFF;
/*	background-image: url("/gfx/background/KOLI_BW.jpg");
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;	*/
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier() ;

	height:250px;

}
#scrollerblank{
	position:relative;
	background-color:#ffffff;
/*	background-image: url("/gfx/background/KOLI_BW.jpg");*/
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
/*		transition: background-color 0.6s ease; */
		transition: .75s cubic-bezier()

}
#videoDIV{
	position:relative;
	background-color:#ffffff;
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;width:100%;
height:100%;
}
#videoDIVx{
	position:relative;
	background-color:#ffffff;
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:725;
	width:100%;
height:100%;
}
#youtubeDIV{
	width:100%;
height:100%;
}

#scrollerVideo{
	    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
		background-color:#333333;
			height:100%;
}
h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:3rem;
	line-height:100px;
	color:#FFFFFF;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
	/* text-shadow:0px 0px 45px #999999; */
}

h3
{
		font-family:longDrink1;
		font-size:18px;
		letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}

.h3smaller
{
			padding-top:0px;
	margin-top:0px;
		font-size:38px;
		letter-spacing:1px;
	color:#000000;
		padding-bottom:0px;
	margin-bottom:0px;
}
.ldblue{
	color: #00b2e2;
}
.goBtn{
	color: #FFFFFF;
	background-color: #222222;;
	width:40px;
	height: 30px;
	border:#FFFFFF 2px solid;
}
.PohioSmaller{
	font-family:longDrink3;
	font-size:16px;

}
.PohioCentreLarge{
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:longDrink2;
	font-size:48px;
	text-align:center;
	line-height:50px;

}
.PohioCentre{
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:longDrink2;
	font-size:24px;
	text-align:center;
}
.PohioLeft{
	padding-top:20px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:longDrink2;
	font-size:14px;
	text-align:left;
}

.nopaddP{
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:longdrink3;
	font-size:24px;
}

h2{
	font-family:longDrink2;
		letter-spacing:4px;
	font-size:50px;
	line-height:60px;
	color:#000000;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
}

h4
{
		font-family:longDrink1;
		font-size:20px;
		letter-spacing:0px;
	color:#000000;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}
P.entry
{
font-family:longDrink2;
font-size:16px;
color:#FFFFFF;
}
a.entry
{
	text-decoration:none;
	color:#FFFFFF;
}
a.entry:hover
{
	text-decoration:none;
	color:#233870;
}
.scrolldowntxt{
	color:#FFFFFF;
	font-family:longDrink2;
font-size:18px;
color:#FFFFFF;
letter-spacing:1px;
}
.scrolldowntxtblack{
color:#333333;
}
#yeswrap{
	text-align:center;
}
.Yes{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	color:#FFFFFF;
	width:100px;
	height:60px;
	font-size:40px;
	background-color:#00b2e2;
	border:#FFFFFF thin solid;
	font-family:longDrink2;

	text-align:center;
	text-align:-moz-center;
	text-align:-webkit-center;

	margin:auto;
	}
.Yes:hover{
	color:#00b2e2;
	background-color:#FFFFFF;
}
.enter{
	color:#FFFFFF;
	font-size:20px;
	background-color:#00b2e2;
	border:none;
	font-family:longDrink2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	text-align:center;
	}
.enter:hover{
	color:#00b2e2;
	background-color:#FFFFFF;
}
.select{
	color:#FFFFFF;
	width:150px;
	height:60px;
		font-size:20px;
	background-color:#00b2e2;
	text-align-last:center;
	border:#FFFFFF 2px solid;
	font-family:longDrink2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	}
.field250{
	color:#FFFFFF;
	width:250px;
	height:30px;
		font-size:20px;
	background-color:#00b2e2;
	text-align:center;
	border:#FFFFFF 2px solid;
	font-family:longDrink2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	}


#topbar{
  top: 0;
  overflow: hidden;
  height:110px;
  width:100%;
  position: fixed;
  z-index:9999;
  padding-top: 25px;
  background-color: rgba(0,0,0,0.1);
  background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
  padding-bottom:5px;
  transition: height 1s, padding-top 1s, background 1s;

  -webkit-animation: fadeintop 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeintop 2s; /* Firefox < 16 */
    -ms-animation: fadeintop 2s; /* Internet Explorer */
    -o-animation: fadeintop 2s; /* Opera < 12.1 */
    animation: fadeintop 2s;

}

@keyframes fadeintop {
    from { padding-top: 50px; }
    to   { padding-top: 25px; }
}

/* Firefox < 16 */
@-moz-keyframes fadeintop {
  from { padding-top: 50px; }
  to   { padding-top: 25px; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeintop {
  from { padding-top: 50px; }
  to   { padding-top: 25px; }
}

/* Internet Explorer */
@-ms-keyframes fadeintop {
  from { padding-top: 50px; }
  to   { padding-top: 25px; }
}

/* Opera < 12.1 */
@-o-keyframes fadeintop {
  from { padding-top: 50px; }
  to   { padding-top: 25px; }
}

#menuOne {
  display: flex;
  align-items: center;
}

.social-nav {
  display: flex;
}

.social-icon {
  width: 30px;
  height: 30px;
  color: white;
  padding-right: 10px !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#instagram {
  background-image: url("../gfx/icons/LD_Web_Icon_IG_White.svg");
}
#facebook {
  background-image: url("../gfx/icons/LD_Web_Icon_FB_White.svg");
}
#twitter {
  background-image: url("../gfx/icons/LD_Web_Icon_TW_White.svg");
}
#youtube {
    background-image: url("../gfx/icons/LD_Web_Icon_YT_White.svg");
}

#mobile-nav {
  display: block;
  margin-top: 0;
  opacity: 1;
  position: fixed;
  z-index: 99999;
  top: 50px;
  right: 50px;
  user-select: none;
  transition: margin-top 1s;

}

#mobile-nav input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
/*
 * Hamburger code
 */
#mobile-nav span {
  display: none;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

@media screen and (max-width: 1040px) {
  #mobile-nav span {
    display: block;
  }
  /* #header-main video {
    display: none;
  } */
  .top-section-border {
    border-width: 0px !important;
  }
}

#mobile-nav span:first-child {
  transform-origin: 0% 0%;
}

#mobile-nav span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/*
 * Hamburger to X mark transition
 */
#mobile-nav input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
#mobile-nav input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#mobile-nav input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  /* display: none; */
  position: fixed;
  padding-top: 77px;
  margin-top: -77px;
  right: -340px;
  height: 100%;
  width: 300px;
  border-radius: 5px 0 0 5px;
  list-style-type: none;
  background: #00B2E2;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

#mobile-nav input:checked ~ #menu {
  /* display: block !important; */
  right: 0;
  transform: none;
  opacity: 1;
}

#menu a {
  text-decoration: none;
  color: #3B3A36;
  transition: color 0.3s ease;
}

#menu a:hover {
  color: white;
}

#menu li {
  padding: 10px 0;
  font-size: 2rem;
  font-family: longDrink2;
}

#menu img {
  width: 25px;
}

@media screen and (max-width: 768px) {
  #menu {
    transform: none;
    opacity: 0;
  }
}
/* end of mobile menu */



.topbar2 , .white-topbar {
  background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) !important;
}
.topbar2 #logotopleft , .white-topbar #logotopleft {
  background-image: url("../gfx/logo/Long_Drink_Product_Logo_Black100x111.png");
}
.topbar2 #menuright a , .white-topbar #menuright a {
  color: #222222;
}
.topbar2 #instagram , .white-topbar #instagram {
  background-image: url("../gfx/icons/LD_Web_Icon_IG_Black.svg");
}
.topbar2 #facebook , .white-topbar #facebook {
  background-image: url("../gfx/icons/LD_Web_Icon_FB_Black.svg");
}
.topbar2 #twitter , .white-topbar #twitter {
  background-image: url("../gfx/icons/LD_Web_Icon_TW_Black.svg");
}
.topbar2 #youtube , .white-topbar #youtube {
    background-image: url("../gfx/icons/LD_Web_Icon_YT_Black.svg");
}
.topbar2 span , .white-topbar span {
  background: #222222 !important;
}


#lowertopbar{
visibility: hidden; /* hiding so I can maintain spacing up top */
height:80px;
width:100%;
position:fixed;
z-index:500;
padding-top:25px;
background-color:#FFFFFF;

}
#secondarytopbar{
height:80px;
width:100%;
position:fixed;
z-index:9999;
padding-top:25px;
background-color:#FFFFFF;
}
#wholepage{

display:none;

}

/*
MOST REDESIGN STYLING WILL BE PUT HERE.
There may be tweaks to already made styling throughout file
but all new classes and styling will be added here
*/

header {
  position: relative;
  height: 100%;
  width: 100%;
}

#header-main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.home-page-header:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -99;
  background: url('../gfx/background/KOLI_B_W_LOW-RES.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(34,34,34,0.4);
}

.story-page-header:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -99;
  background: url('../gfx/background/storyPage_LOW-RES.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact-header:before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -99;
  background: url('../gfx/press/kygo-ricky.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contact-header {
  align-items: flex-end;
  height: 70% !important;
}

.featured-content {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.featured-content h4, .featured-content h2 {
  color: white;
  text-align: left;
  letter-spacing: 1px;
}

.featured-left {
  padding: 0 3rem 3rem 3rem;
}

.featured-right {
  padding: 0 3rem 3rem 3rem;
}

.featured-title {
  margin-top: 0;
}

.partners-section h1 {
  color: #222222;
  text-align: left;
  padding-left: 3rem;
}

.press-section h1 {
  color: #222222;
  text-align: left;
  padding-left: 3rem;
}

.partners-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 2rem 0rem 0rem 0rem;
}

.partners-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-grow: 1;
  flex-wrap: wrap;
}

.partner-card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  min-width: 350px;
  height: 400px;
  border-radius: 5px;
  text-decoration: none;
}

.partner-card img {
  position: absolute;
  height: 100%;
  top: 0;
}

.partner-name {
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(34,34,34,0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.partner-name h3 {
  font-size: 2rem;
  font-family: longDrink3;
}

.partner-name span {
  font-family: longDrink1;
  color: white;
  font-size: 1.3rem;
  text-align: center;
  width: 200px;
}

.partner-card:hover > .partner-name {
  visibility: visible;
}

@media screen and (max-width: 600px) {
  .contact-header {
    height: 80% !important;
  }
  .featured-content {
    flex-direction: column;
  }
  .featured-content h4, .featured-content h2 {
    text-align: center;
  }
  .featured-left, .featured-right {
    padding: 0rem 2rem 0rem 2rem;
  }
  .partner-card {
    min-width: 150px;
  }
}

@media screen and (max-width: 400px) {
  .featured-left, .featured-right {
    padding: 0rem 1rem 1rem 1rem;
  }
}

.press-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 2rem 0rem;
}

.press-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-grow: 1;
  flex-wrap: wrap;
}

.press-card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  max-width: 250px;
  height: auto;
  border-radius: 5px;
  text-decoration: none;
}

.press-card img {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
}

.press-name {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(34,34,34,0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

.press-name h3 {
  font-size: 2rem;
  font-family: longDrink3;
  width: 200px;
  text-align: center;
  line-height: 1;
}

.press-name span {
  font-family: longDrink1;
  color: white;
  font-size: 1.3rem;
  text-align: center;
  width: 95%;
}

.press-card:hover > .press-name {
  visibility: visible;
}

@media screen and (max-width: 600px) {
  .press-card {
    width: 150px;
    height: auto;
  }
}


.button-container {
  margin-top: 2rem;
}

.buy-now-button {
  font-family: longDrink1;
  color: white;
  font-size: 2rem;
  padding: 5px 50px;
  border: solid 5px white;
  border-radius: 5px;
  transition: 1s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

.home-page-header .buy-now-button {
  text-shadow: 1px 1px #222222;
}

.buy-now-button:hover {
  background-color: rgba(0,178,226, 0.5);
  font-size: 2.3rem;
}

.buy-now-button img {
  width: 2rem;
}

.header-tagline {
  font-size: 2rem;
  font-family: longDrink3;
  color: white;
  padding: 1rem 2rem;
  text-shadow: #222222 1px 0 10px;
}
.header-tagline a {
  font-weight: 700;
  text-decoration: none;
  color: white;
}




.content-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background-color: white;
}

.flavor-content {
  flex-direction: row;
  flex-wrap: wrap;
}

.flavor-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-grow: 1;
}

.flavor-card {
  position: relative;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
  min-width: 250px;
  height: 400px;
  border-radius: 5px;
}

.flavor-card img {
  position: absolute;
  padding: 7rem 10rem 0 0;
  height: 100%;
  top: 0;
  transition: padding 1.5s;
}

.flavor-card:hover > img {
  padding: 0;
}

@media screen and (max-width : 600px) {
  .header-tagline {
    font-size: 1.3rem;
    padding: 0 1rem;
  }

  .flavor-card {
    min-width: 150px;
  }
  .flavor-card img {
    padding: 7rem 5rem 0 0;
  }
  .flavor-name {
    font-size: 1rem !important;
  }
  .drink-name {
    font-size: 2rem !important;
  }
}

.flavor-button {
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  font-family: longDrink1;
  font-size: 2rem;
  padding: 10px 30px;
  border: solid 5px white;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  background-color: rgba(0,178,226, 0.5);;
  transition: visibilty 0s, opacity 1.5s;
}

.flavor-card:hover > .flavor-button {
  visibility: visible;
  opacity: 1;
}

.flavor-name {
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 1rem;
  right: 1rem;
  text-align: right;
  color: white;
  line-height: 1;
  transition: visibilty 0s, opacity 1.5s;
}

.flavor-card:hover > .flavor-name {
  visibility: hidden;
  opacity: 0;
}

.drink-name {
  font-family: longDrink2;
  font-size: 3rem;
}

.flavor-name {
  font-family: longDrink3;
  font-size: 1.5rem;
}

#traditional-flavor {
  background-color: #00B2E2;
}
#zero-flavor {
  background-color:  #C4C4C4;
}
#strong-flavor {
  background-color: #3B3A36;
}
#cranberry-flavor {
  background-color: #CB304C;
}

@media screen and (max-width : 600px) {
  .flavor-name {
    font-size: 1rem;
  }
  .drink-name {
    font-size: 2rem;
  }
}

.about-section {
  background-image: url('/gfx/background/miles_with_can.jpg');
  background-position: top right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.about-container {
  background-image: linear-gradient(to right,rgba(0,0,0,1), rgba(34,34,34,1),rgba(255,255,255,0));
}

@media screen and (min-width : 1440px) {
  .about-container {
    background-image: linear-gradient(to right,rgba(0,0,0,1), rgba(34,34,34,1), rgba(34,34,34,1), rgba(255,255,255,0));
  }
}

.about-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: white !important;
  padding: 4rem;
}

.about-content .buy-now-button {
  margin: 2rem 0;

}

#bottom-button:hover {
  font-size: 2rem;
}

.content-title {
  margin-top: 0;
  text-align: center;
  font-size: 3rem;
  line-height: .75;
}

.content-tagline {
  color: white;
  font-size: 1.5rem;
}

.content-text {
  margin: 0;
  font-family: longDrink3;
}

.awards-section {
  background-color: white;
  padding: 4rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.awards-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
}

.awards-container img {
  padding: 2rem 1rem;
  max-width: 150px;
}

@media screen and (max-width:410px) {
  .awards-container img {
    width: 120px;
  }
}

.legend-section {
  background-image: url('/gfx/background/miles_and_theguys3.jpg');
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.legend-container {
  background-image: linear-gradient(to left,rgba(0,0,0,1), rgba(34,34,34,1) 45%,rgba(255,255,255,0) 100%);
  background-size: cover;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

@media screen and (min-width : 1440px) {
  .legend-container {
    background-image: linear-gradient(to left,rgba(0,0,0,1), rgba(34,34,34,1) 55%, rgba(255,255,255,0) 100%);
  }
}

.legend-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  color: white !important;
  padding: 4rem;
}

.legend-content .buy-now-button {
  margin: 2rem 0;
}

.instagram-container {
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4rem;
}

@media screen and (max-width : 690px) {
  .instagram-container {
    padding: 3rem;
    align-items: center;
  }
}

.instagram-container .content-title {
  color: #222222;
}

.instagram-container .content-tagline {
  color: #222222;
}

@media screen and (min-width : 1040px) {
  .content-tagline {
    font-size: 2rem;
  }
  .content-text {
    font-size: 1.5rem;
  }
  .awards-container img {
    max-width: 300px;
  }
}

.cant-find-section {
  flex-grow: 1;
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  border-bottom: 5px solid white;
}

.cant-find-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #00B2E2;
}

.cant-find-content {
  padding: 2rem 0;
}

.cant-find-section a {
  margin-top: 1rem;
}

.drizly-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0;
  justify-content: space-around;
}

.button-pair1 {
  margin-right: 1.5rem;
}

.button-pair2 {
  margin-left: 1.5rem;
}

#vendors-title {
  line-height: normal;
  color: #222222;
  text-align: center;
  padding-left: 3rem;
}

.story-heading {
  padding: 3rem 0;
}

.story-heading h1 {
  font-size: 6rem;
  text-align: center;
}

.story-heading h4 {
  font-size: 2rem;
  color: white;
}
@media screen and (max-width : 650px) {
  #fb-root {
    display: none;
  }
  .story-heading {
    padding: 2rem 0;
  }

  .story-heading h1 {
    font-size: 4rem;
    line-height: 50px;
  }

  .drizly-container {
    flex-direction: column;
  }
  .button-pair1 {
    margin-right: 0;
  }
  .button-pair2 {
    margin-left: 0;
  }
}

@media screen and (max-width : 900px){
  .about-container {
    background-image: none;
    background-color: rgba(34,34,34,.5);
  }

  .about-section {
    background-position: center;
    background-size: cover;
  }
  .about-content {
    width: auto;
    align-items: center;
    text-align: center;
  }

  .legend-section {
    background-image: url('/gfx/background/miles_and_theguys_mobile.jpg');
    background-position: center;
    background-size: cover;
  }

  .legend-container {
    background-image: none;
    background-color: rgba(34,34,34,0.5)
  }

  .legend-content {
    width: auto;
    align-items: center;
    text-align: center;
  }
}

#view2{
	display:none;

	z-index:999999;
		position:absolute;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
		background-color:#00b2e2;
		background-size:cover;
}
#topbarAV{
height:80px;
width:100%;
position:fixed;
z-index:9999;
padding-top:25px;
}
#contentAV{
	padding:0;
	margin:auto;
	text-align:center;
	position:absolute;
	width:100%;
  top:50%;
  transform: translateY(-50%)	;
}
#contentAV h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:64px;
	color:#FFFFFF;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:-20px;
	font-weight: normal;

}
#contentAV h3
{
		font-family:longDrink1;
		font-size:1.5rem;
		letter-spacing:1px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:50px;
		font-weight: normal;

}

.sorry-section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #00b2e2;
}

#bottombar{
height:70;
width:100%;
position:absolute;
z-index:999;
text-align:center;
bottom: 40px;
padding-bottom:5px;
font-family:longDrink2;
font-size:20px;
color:#FFFFFF;
}
#itemforsale{

	width:700px;
	margin:0 auto;
	}
#itemforsale h2{
	font-size:24px;
}
#bottombar a{
	text-decoration:none;
	color:#FFFFFF;
	}
#bottombar a:hover{
	color:#233870;
	}

.toplogo{
	width:200px;
}
.toplogoNEW{
	width:70px;
}
#logotopleft{
	float:left;
	width:auto;
	z-index:999;
	margin-left: 3rem;
  width: 70px;
  height: 90px;
  background-image: url("../gfx/logo/Long_Drink_Product_Logo_White100x111.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


#lowerlogotopleft{
	float:left;
	width:40%;
	z-index:999;
	padding-left:15px;
	padding-top:5px;

}
#content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
	margin:auto;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:600;
  padding-top: 60px;

  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;

}

@keyframes fadein {
    from { opacity: 0; padding-top: 90px; }
    to   { opacity: 1; padding-top: 60px; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; padding-top: 90px; }
  to   { opacity: 1; padding-top: 60px; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; padding-top: 90px; }
  to   { opacity: 1; padding-top: 60px; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; padding-top: 90px; }
  to   { opacity: 1; padding-top: 60px; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; padding-top: 90px; }
  to   { opacity: 1; padding-top: 60px; }
}



#contentPlain{
	padding:0;
	margin:auto;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:700;

top:100px;;

}
#contentveryPlain{
  position: relative;
	padding:0;
	margin:auto;
	text-align:center;
	/* float:left; */
	width:100%;
	z-index:700;
	margin-top:140px;


}
#innercontentleft{
	display:inline-block;
	vertical-align:top;
		/* padding-top:80px; */

}
#innercontentleftM2020{
	display:inline-block;
	vertical-align:top;
	width:45%;
  padding-right: .75rem;

}
#innercontentleftM2020 h1{
	padding-top:0px;
	margin-top:0px;
	font-family:longdrink2;
	font-size:100px;
	line-height:105px;
}

@media screen and (max-width : 600px) {
  #innercontentleftM2020 h1 {
    font-size: 55px;
    line-height: 65px;
  }
  #innercontentleftM2020 {
    padding-right: 0rem;
  }
  #innercontentright {
    padding-left: .5rem !important;
  }
}
#h1lower{
	font-family:longdrink3;
	font-size:45px;
	line-height:52px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	text-align:right;
}
#M2020buyonline{
	text-align:right;
		font-family:longdrink2;
			font-size:60px;
			line-height:64px;
}
#innercontentright{
	display:inline-block;
  vertical-align:top;
	width:45%;
	text-align:left;
  padding-left: .75rem;
}
#content a {
color: #ffffff;
text-decoration:none;
}
#clear{
	clear:both;
}
.ulnobullet{
	list-style:none;
}
.can{
	width:230px;
}

#lowermenuright{
	float:right;
	text-align:right;
	padding-top:25px;


}
#lowermenuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
	letter-spacing:1px;

}
#lowermenuright li{
	float: left;
	display:inline;

}
#lowermenuright a{
display:block;
padding-right:35px;
text-decoration:none;
color:#000000;

}

#menuright{
	float:right;
	text-align:right;
	padding-top:25px;
  padding-right: 3rem;

}
#secondarymenuright{
	float:right;
	text-align:right;
	padding-top:25px;

}
#secondarymenuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
		letter-spacing:1px;
}
#secondarymenuright li{
	float: left;
	display:inline;

}
#secondarymenuright a{
display:block;
padding-right:35px;
text-decoration:none;
color:#000000;

}
#menuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
		letter-spacing:1px;
}
#menuright li{
	float: left;
	display:inline;

}
#menuright a{
display:block;
padding-right:35px;
text-decoration:none;
color:#FFFFFF;

}
#mOne{
	display:none;
}
#mOne ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
		letter-spacing:1px;
}
#mOne li{
	float: left;
	display:inline;

}
#mOne a{
display:block;
padding-right:35px;
text-decoration:none;
color:#FFFFFF;

}
.activePG{
	color:#00b2e2;
}

.dot{
	cursor:pointer;
	height:8px;
	width:8px;
	margin: 0 4px;
	/* background-color:#bbbbbb; */
	border:#FFFFFF 2px solid;
	border-radius: 50%;
	display:inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover{
	background-color:#FFFFFF;
}
#prev{
		position:absolute;
	top:0px;
left:0px;
	width:50px;
	top:50%;
transform: translateY(-50%)	;
text-align:center;
	z-index:9999;
}

#next{
		position:absolute;
	top:0;
right:0px;
	width:70px;
	top:50%;
transform: translateY(-50%)	;
text-align:center;
	z-index:9999;
}
.prevbtn {

	cursor:pointer;
	margin-top: -22px;
	padding: 16px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.nextbtn {

	cursor:pointer;
	margin-top: -22px;
	padding: 16px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.prev:hover, .next:hover{
background-color: rgba(0,0,0,0.8);
}
#skipvideo{
	position:relative;
	margin: 0 auto;
	z-index:9999;
	width:250px;
	height:40px;
	text-align:center;
	font-family:longDrink2;
	font-size:16px;
	padding-top:20px;
	letter-spacing:1px;
		color:#FFFFFF;
	border:#FFFFFF solid 1px;
bottom:200px;

}
#skipvideo a{
	text-decoration:none;
	color:#FFFFFF;
}
#buyonline{
  display: none;
	position:fixed;
	z-index:9999;
	bottom:50px;
	right:0px;
	background-color:#00b2e2;
	width:250px;
	height:40px;
	text-align:center;
	font-family:longDrink2;
	font-size:16px;
	padding-top:20px;
	letter-spacing:1px;
	border:#FFFFFF thin solid;

}
#buyonline a{
	text-decoration:none;
	color:#FFFFFF;
}
#furthercontentWrapperpara {
	position:relative;
		width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	background-color:#FFFFFF;


}
#furthercontentWrapper {
	float:left;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
  background-color: white;


}
#furthercontentshop{
width:900px;
text-align:center;
margin: 0 auto;
padding-top:50px;

}
#clear{
	clear:both;
}
.qtyBox{
	text-align:center;
		font-family:longDrink2;
		font-size:14px;
		width: 60px;
		height:18px;
		padding-top:4px;
}
#furthercontentsignup{
width:900px;
text-align:left;
margin: 0 auto;
}
#furthercontent{
width:900px;
text-align:left;
margin: 0 auto;
padding-top:50px;
}

#results-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#results-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: longDrink2;
  width: 100%;
}

#results-list p {
  text-align: left;
  width: 250px;
  padding: 0 3rem;
}

.what-is-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: auto;
  margin: 3rem 2rem 0 3rem;
  font-family: longDrink3;
}
.what-is-left {
  text-align: left;
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.what-is-left .content-title, .what-is-left .content-tagline {
  color: #222222;
  text-align: left;
}

.ourstory1-topright .content-title, .ourstory1-topright .content-tagline, .ourstory3-topright .content-tagline {
  color: #222222;
  text-align: left;
}


.what-is-right {
  width: 45%;
  height: auto;
}
.what-is-right img {
  width: 100%;
}
.ourstory1-container {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
  margin: 3rem 3rem 3rem 3rem;
  font-family: longDrink3;
}

.story-anchors-title {
  font-family: longDrink3;
  font-size: 1.5rem;
  padding-top: 2rem;
}

.story-anchors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background-color: white;
}
.story-anchors a {
  font-size: 1.5rem;
  text-decoration: none;
  font-family: longDrink1;
  font-weight: 700;
  color: #222222;
  border: solid 5px #222222;
  border-radius: 5px;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  transition: 1s;
}

.story-anchors a:hover {
  background-color: rgba(0, 178, 226, 0.5);
}

.ourstory1-topright {
  width: 45%;
  height: auto;
  text-align: left;
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ourstory1-topleft {
  width: 45%;
  height: auto;
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ourstory1-topleft .top-photo {
  width: 100%;
  height: auto;
  border: 5px solid #222222;
  border-radius: 5px;
}
.ourstory1-topleft .bottom-photo {
  width: 100%;
  height: auto;
  align-self: flex-end;
  border: 5px solid #222222;
  border-radius: 5px;
}
.bottom-popup {
  width: 65%;
  align-self: flex-end;
  margin-top: 1rem;
}
.top-popup {
  width: 65%;
  align-self: flex-start;
}

.ourstory1-bottomleft {
  width: 45%;
  order: 3;
  margin-top: 2rem;
  text-align: left;
}
.ourstory1-bottomright {
  width: 45%;
  max-height: 600px;
  order: 4;
  border: 5px solid #222222;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 2rem;
}
.ourstory1-bottomright img {
  width: 100%;
  height: auto;
  top: 0;
}

.ourstory2 {
  background-image: url("../gfx/storyphotos/large/story10.jpg");
  background-size: cover;
  background-position: center;
}

.ourstory2-container {
  padding: 6rem 5rem;
  font: longDrink3;
  background-color: rgba(34,34,34,.5);
}
.ourstory2-container h4 {
  color: white;
  font-size: 1.5rem;
}

.ourstory3-container {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
  font-family: longDrink3;
  margin: 3rem 2rem 0 3rem;
}
.ourstory3-topright {
  width: 45%;
  height: auto;
  text-align: left;
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 2rem;
}
.ourstory3-topleft {
  width: 45%;
  height: auto;
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 5px solid #222222;
  border-radius: 5px;
  margin-bottom: 2rem;
}

.ourstory3-topleft img {
  width: 100%;
  height: auto;
  top: 0;
}

.ourstory3-bottomleft {
  order: 3;
  width: 45%;
  margin-bottom: 2rem;
}

.ourstory3-bottomright {
  order: 4;
  width: 45%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.ourstory3-bottomright .top-photo {
  width: 100%;
  border: 5px solid #222222;
  border-radius: 5px;
}

.ourstory3-bottomright .bottom-photo {
  width: 100%;
  border: 5px solid #222222;
  border-radius: 5px;
}

.top-popup-miles {
  width: 55%;
  align-self: flex-start;
}
.bottom-popup-miles {
  width: 75%;
  align-self: flex-end;
  margin-top: -40%;
}

.ourstory4 {
  background-image: url("../gfx/storyphotos/large/storyBackgroundNew.png");
  background-size: cover;
  background-position: top;
}

.get-yours-section {
  background-image: url("../gfx/background/storyPage2_LOW-RES.png");
  display: block;
  flex-grow: 1;
  background-size: cover;
  background-position: top;
}

.ourstory5-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: auto;
  margin: 3rem 2rem;
  font-family: longDrink3;
  margin-bottom: 2rem;
}
.ourstory5-left {
  text-align: left;
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.ourstory5-left .content-title, .ourstory5-left .content-tagline {
  color: #222222;
  text-align: left;
}

.ourstory5-right {
  width: 45%;
  height: auto;
}
.ourstory5-right img {
  width: 100%;
  border: 5px solid #222222;
}

.get-yours-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(34,34,34,.5);
  padding: 10rem 0;
}

.get-yours-section a {
  margin-top: 2rem;
}

@media screen and (min-width:1040px) {
  .what-is-section p, .ourstory1 p, .ourstory2 p, .ourstory3 p, .ourstory4 p, .ourstory5 p, .get-yours-section p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width : 650px) {
  .what-is-container {
    flex-direction: column;
  }
  .what-is-left {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .what-is-left .content-title, .what-is-left .content-tagline {
    text-align: center;
  }

  .ourstory1-topright .content-title, .ourstory1-topright .content-tagline {
    text-align: center;
  }

  .ourstory3-topright .content-title, .ourstory3-topright .content-tagline {
    text-align: center;
  }

  .ourstory5-left .content-title, .ourstory5-left .content-tagline {
    text-align: center;
  }

  .what-is-right {
    width: 100%;
  }

  .ourstory1-container {
    flex-direction: column;
  }
  .ourstory1-topright {
    order: 1;
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .ourstory1-topleft {
    order: 2;
    width: 100%;
  }
  .ourstory1-bottomleft {
    width: 100%;
  }
  .ourstory1-bottomright {
    width: 65%;
  }
  .ourstory2-container {
    padding: 2rem 2rem;
  }
  .ourstory3-container {
    flex-direction: column;
  }
  .ourstory3-topright {
    width: 100%;
    order: 1;
    text-align: center;
    align-items: center;
  }
  .ourstory3-topleft {
    width: 100%;
    order: 2;
  }

  .ourstory3-bottomleft {
    width: 100%;
    text-align: center;
  }

  .ourstory3-bottomright {
    width: 100%;
  }

  .ourstory4-container {
    padding: 2rem 2rem;
  }
  .ourstory5-container {
    flex-direction: column;
  }
  .ourstory5-left {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .ourstory5-right {
    width: 100%;
  }
}
@media screen and (max-width : 900px) {
  #vendors-title {
    padding-left: 0;
    align-self: center;
  }
  #results-list {
    justify-content: center;
  }
}

#furthercontent a{
		text-decoration:none;
	color:#999999;
	font-weight:bold;
}
#furthercontent a:hover{
		text-decoration:underline;
	color:#000000;
}
.imghome{
	width:450px;
}
.imgpack{
	margin-top:30px;
	width:750px;
}
#clear{
	clear:both;
}
#fullcol{
width:100%;
font-family:longDrink1;
		font-size:18px;
		letter-spacing:1px;
	color:#999999;
}
.homepagefont{
font-family:longDrink3;
		font-size:16px;
		letter-spacing:1px;
	color:#999999;
}
#leftcol{
width:400px;
float:left;
font-family:longDrink3;
		font-size:16px;
		letter-spacing:1px;
	color:#999999;
}
#rightcol{
width:480px;
float:left;
}
#leftcol p{
	padding:0px;
	margin: 0px;
	/* text-indent: 25px; */
	margin-bottom:3px;
}
#leftcol h6{
	padding:0px;
	margin: 0px;
	margin-bottom:20px;
	margin-top:10px;
	font-family:longDrink1;
		font-size:18px;
		letter-spacing:1px;
	color:#999999;
	font-weight:normal;
}

.homelogo{
	width:60px;
	padding-right:20px;
}
#stadium{
	margin-top:100px;
	position:relative;
	width:100%;
	}
.imgstadium{
	width:100%;

}
#stadiumtagwrapper{
	float:left;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */

}
#stadiumtag{
	width:900px;
text-align:right;
margin: 0 auto;
font-family:longDrink1;
		font-size:12px;
		color:#666666;
	margin-bottom:50px;
}
#tellmemore{
		padding:0;
	margin:auto;
	text-align:center;
	position:relative;
	width:100%;
	padding-top:50px;

}


#tellmemore h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:90px;
	line-height:94px;
	color:#000000;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
	text-shadow:none;
}

#tellmemore p
{
		font-family:longDrink1;
		font-size:18px;
		letter-spacing:2px;
	color:#cccccc;
	text-align:right;
	padding-top:0px;
	margin-top:0px;
}
.addbtn{
	font-family:longDrink2;
		letter-spacing:1px;
			font-size:14px;
width:120px;
height:30px;
text-decoration:none;
color:#FFFFFF;
background-color:#00b2e2;
padding:4px;
}
.hand{
	cursor:pointer;
}
.btn{
	font-family:longDrink2;
		letter-spacing:1px;
			font-size:14px;
width:150px;
height:20px;
text-decoration:none;
color:#FFFFFF;
background-color:#00b2e2;
padding:6px;
}
.largebtn{
	font-family:longDrink2;
		letter-spacing:1px;
			font-size:20px;
width:300px;
height:32px;
text-decoration:none;
color:#FFFFFF;
background-color:#00b2e2;
padding:6px;
}
.largebtn2{
	font-family:longDrink2;
		letter-spacing:1px;
			font-size:20px;
width:300px;
height:40px;
text-decoration:none;
color:#FFFFFF;
background-color:#00b2e2;
padding:6px;
}
#bottomwrapper{
  position: relative;
	float:left;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	background-color:#00b2e2;
	padding-bottom:42px;
}
#bottomfooter{
	padding-top:20px;
width:900px;
text-align:left;
margin: 0 auto;
}
.bottomcol{
	float:left;
	width:150px;
}
#bottomfooter h5
{
	color:#FFFFFF;
	font-family:longDrink2;
	font-size:16px;
	padding:0px;
	margin:4px;
	font-weight:200;

}
#bottomfooter p
{
	color:#FFFFFF;
	font-family:longDrink1;
	font-size:14px;
	padding:0px;
	margin:2px;
}
#bottomfooter a
{
	text-decoration:none;
	color:#FFFFFF;
}
.bottomlogo{
	width:80px;
}
#bottomleft{
	float:left;
	width:350px;
	color:#FFFFFF;
			font-family:longDrink2;
	font-size:14px;
	text-align:left;
	padding-top:60px;
}
#bottommiddle{
		float:left;
	width:200px;
	color:#FFFFFF;
			font-family:longDrink2;
	font-size:12px;
	text-align:center;
	padding-top:30px;
}
#bottomright{
		float:left;
	width:350px;
	color:#FFFFFF;
			font-family:longDrink2;
	font-size:14px;
	text-align:right;
		padding-top:50px;

}

#hamburger{
	display: none;
}
#lowerhamburger{
	display: none;
}
#mobileClose{
	display:none;
	clear:both;
	text-align:right;

}
#videoframe{
	width:800px;
	height:450px;

}
.mapinfo{
width:320px;
padding:3px;
font-family:longDrink2;
font-size:18px;
border-radius: 50px;

}
.formfield{
width: 200px;
height: 20px;
font-family:longDrink1;
font-size:14px;
}
.formfield250{
width: 250px;
height: 25px;
font-family:longDrink2;
font-size:16px;
}
.paddedpara{
	padding:8px;
	font-family:longDrink2;
font-size:14px;
}
.hamburger-menu-black{
	width:25px;
	height:4px;
	background-color:#111111;
	/* border-radius:5px; */
	margin:5px 0;
}
.hamburger-menu-white{
	width:25px;
	height:4px;
	background-color:#ffffff;
	/* border-radius:5px; */
		margin:5px 0;
}
#contentcol1{
	float:left;
	width:180px;
		font-family:longDrink2;
}
#contentcol2{
	float:left;
	width:400px;
			font-family:longDrink2;
			text-align:center;
			padding-top: 25px;
}
#contentcol3{
	float:right	;
	width:250px;
		text-align:center;
			font-family:longDrink2;
}
#contentcol3 h2{
	font-size:24px;
	color:#00b2e2;
		font-family:longDrink2;
padding:0px;
margin:0px;
line-height:26px;
}
.statedrop{
		font-family:longDrink2;
		font-size:16px;
		color:#666666;
		width:200px;
}

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

#innercontentleftM2020{
	/* padding-top:40px; */

}
#innercontentleftM2020 h1{
	/* font-size:70px;
	line-height:74px; */
}
#h1lower{
	font-size:34px;
	line-height:38px;
}
#M2020buyonline{
			font-size:40px;
			line-height:44px;
}


h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:80px;
	line-height:82px;
	color:#FFFFFF;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
}
h3
{
		font-family:longDrink1;
		font-size:14px;
		letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}
h2{
	font-family:longDrink2;
	font-size:30px;
	line-height:60px;

}
#tellmemore h1{
	font-family:longDrink2;
	/* letter-spacing:4px; */
	font-size:40px;
	line-height:42px;
}
#tellmemore p{
		font-size:14px;
}
.can{
	width:230px;
}

#innercontentright{
/* padding-top:25px; */
}
#furthercontent{
width:95%;
}
#furthercontentsignup{
width:95%;
}
.imghome{
	width:400px;
}
.imgpack{
	width:550px;
}
#leftcol{
width:80%;
clear:both;
}
#rightcol{
width:50%;
}
#bottomwrapper{
display:none;
}
#stadiumtag{
	width:600px;

}
#mOne{
	display:none;
	position:fixed;
	width:125px;
	height:1000px;
	text-align:right;
	padding-top:0px;
background-color:#00b2e2;
overflow:visible;
right:0px;
z-index:99999;
padding:0px;
top:0px;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}

#mobileOne{
	position:fixed;
	width:0px;
	height:1000px;
	text-align:right;
	padding-top:0px;
background-color:#00b2e2;
overflow:visible;
right:0px;
z-index:9999;
padding:0px;
top:0px;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}
#lowermobileOne{
	display:none:
}

#hamburger{
	display:block;
	right: 8px;
	top:8px;


}
#lowerhamburger{
	display:inline;
}
.toplogo{
	width:150px;
}
.toplogoNEW{
	width:65px;
}
#lowermenuright{
	float:right;
	text-align:right;
	padding-top:5px;
width:50px;


}

#lowermenuright ul{
	display:none;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
#lowermenuright li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#lowermenuright a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
}
#secondarymenuright{
	float:right;
	text-align:right;
	padding-top:5px;
width:50px;

}

#secondarymenuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
.menuclosebtn{
	display:block;
	text-align:right;
	width:250px;
}
#secondarymenuright li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#secondarymenuright a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
width:250px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;
}
#menuright{
	float:right;
	text-align:right;
	padding-top:5px;
  padding-right: 10px;

}
#menuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
#menuright li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#menuright a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
width:250px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}
#mOne ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
#mOne li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#mOne a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
width:250px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}
.activePG{
	color:#FFFFFF;
}
#scroller{
	background-attachment:scroll;
}
#videoframe{
	width:560px;
	height:315px;

}
#bottombar{
	font-size:18px;
}
#buyonline{
	font-size:16px;
width:100%;
	height:40px;
	padding-top:10px;
	bottom:0px;
}

#skipvideo{
	position:relative;
	z-index:9999;
	bottom:65px;
	left:0px;
	width:150px;
	height:30px;
	text-align:center;
	font-family:longDrink2;
	font-size:14px;
	padding-top:8px;
	letter-spacing:1px;
	color:#FFFFFF;
	border:#FFFFFF solid 1px;
}
#contentAV h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:40px;
	color:#FFFFFF;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
	margin:0;
	padding:0;
}
#contentAV h3
{
		font-family:longDrink1;
		font-size:1.5rem;
		letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}

#contentcol1{
display:none;
}
#contentcol2{
	float:left;
	width:300px;
			font-family:longDrink2;
			text-align:center;
			padding-top: 15px;
}
#contentcol3{
	float:left;
	width:250px;
		text-align:center;
			font-family:longDrink2;
}
#contentcol3 h2{
	font-size:18px;
	color:#00b2e2;
		font-family:longDrink2;
padding:0px;
margin:0px;
line-height:20px;
}
.statedrop{
		font-family:longDrink2;
		font-size:12px;
		color:#666666;
		width:150px;
}

.divspace{
	margin-left:10px;
	margin-right:10px;

}

}
@media screen and (max-width : 600px){
.awardimg{
	width:160px;
	margin:10px;
}
h1{
	font-family:longDrink2;
		/* letter-spacing:4px; */
	font-size:50px;
	line-height:52px;
	color:#FFFFFF;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
}
.can{
	width:145px;
}
#leftcol{
width:90%;
clear:both;
}
#rightcol{
width:90%;
clear:both;
}
.storypic{
	padding:3px;
/*	border:#999999 thin solid; */
	text-align:left;
	max-width:400px;

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

  .divspace{
	margin-left:10px;
	margin-right:10px;

}

.about-content {
  padding: 3rem 1rem;
}

.about-content .content-text {
  padding: 0 2rem;
}

h1{
	font-family:longDrink2;
		/* letter-spacing:1px; */
	font-size:40px;
	line-height:42px;
	color:#FFFFFF;
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
}
h2{
	font-family:longDrink2;
	font-size:24px;
line-height:24px;
letter-spacing:1px;

}
h3
{
		font-family:longDrink1;
		font-size:8px;
		letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}
h4
{
		font-family:longDrink1;
		font-size:16px;
		letter-spacing:0px;
	color:#000000;
	font-weight:100;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
	padding-left: 15px;
	padding-right: 15px;

}
#tellmemore h1{
	font-family:longDrink2;
	/* letter-spacing:4px; */
	font-size:24px;
	line-height:26px;
}
#tellmemore p{
		font-size:12px;
}
#innercontentright{
/* padding-top:15px; */
}
.can{
	width:135px;
}


#furthercontent{
width:300px;

}
#furthercontentsignup{
width:300px;
}
.imghome{
	width:298px;
}
.imgpack{
	width:300px;

}
#leftcol{
width:300px;
clear:both;
}
#rightcol{
width:300px;
clear:both;
}
#bottomwrapper{
display:none;
}
#stadiumtag{
	width:300px;
font-size:10px;
}
#mobileOne{

	position:fixed;
	width:0px;
	right:0px;
	height:800px;
	text-align:right;
	padding-top:0px;
background-color:#00b2e2;
overflow:visible;
right:0px;
z-index:9999;
padding:0px;
top:0px;
transition: 0.3s ease-out;
-webkit-transition:  0.3s ease-out;

}

#hamburger{
	display:block;
	right: 8px;
	top:8px;
}
#lowerhamburger{
	display:inline;
}
#menuright{
		float:right;
	text-align:right;
	padding-top:5px;
width:50px;


}

#menuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
}
#menuright li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#menuright a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
width:250px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}
#mOne ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:16px;
}
#mOne li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#mOne a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
width:250px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;

}
.activePG{
	color:#FFFFFF;
}

#lowermenuright{
	float:right;
	text-align:right;
	padding-top:5px;
width:50px;

}

#lowermenuright ul{
	display:none;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:32px;
}
#lowermenuright li{
	float: left;
	display:inline;
	padding-bottom:20px;

}
#lowermenuright a{
display:block;
padding-right:15px;
text-decoration:none;
color:#FFFFFF;
}
#secondarymenuright{
	float:right;
	text-align:right;
	padding-top:5px;
width:50px;


}

#secondarymenuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;


}
#menuright ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
#mOne ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:longDrink2;
	font-size:20px;
}
#secondarymenuright li{
	float: left;
	display:inline;
	padding-bottom:20px;


}
#menuright li{
	float: left;
	display:inline;
	padding-bottom:20px;


}
#mOne li{
	float: left;
	display:inline;
	padding-bottom:20px;


}
#secondarymenuright a{
display:block;
padding-right:5px;
text-decoration:none;
color:#FFFFFF;
width:140px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;
}
#menuright a{
display:block;
padding-right:5px;
text-decoration:none;
color:#FFFFFF;
width:140px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;
}
#mOne a{
display:block;
padding-right:5px;
text-decoration:none;
color:#FFFFFF;
width:140px;
text-align:left;
transition: 0.2s ease-out;
-webkit-transition:  0.2s ease-out;
}
.menuclosebtn{
	display:block;
	text-align:right;
	width:100px;
		font-size:30px;
		margin:24px;
}
#lowermenuOne{

}
#scroller{
	background-attachment:scroll;
}
#lowermobileOne{
	display:none:
}

#videoframe{
	width:300px;
	height:169px;

}
#bottombar{
	font-size:16px;
}
#buyonline{
	font-size:16px;
width:100%;
	height:40px;
	padding-top:10px;
	bottom:0px;
}

#videoDIVx{
	z-index:730;
}
.mapinfo{
width:150px;
padding:3px;
font-family:longDrink2;
font-size:10px;

}
#contentAV h1{
	font-family:longDrink2;
		/* letter-spacing:3px; */
	font-size:30px;
	color:#FFFFFF;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;

		margin:0;
	padding:0;
}
#contentAV h3
{
		font-family:longDrink1;
		font-size:.85rem;
		letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}
#skipvideo{
	position:relative;
	z-index:9999;
	bottom:250px;
	left:0px;

	width:150px;
	height:20px;
	text-align:center;
	font-family:longDrink2;
	font-size:12px;
	padding-top:2px;
	letter-spacing:1px;
		color:#FFFFFF;
	border:#FFFFFF solid 1px;
}
#contentcol1{
display:none;
}
#contentcol2{
float:left;
	width:300px;
			font-family:longDrink2;
			text-align:center;
			padding-top: 5px;
			padding-bottom:10px;
/*
margin:0;
left:0;
	position:fixed;
	z-index:9999;
			font-family:longDrink2;
font-size:16px;
width:100%;
	height:40px;
	bottom:50px;
	border-top:#666666 2px solid;
	background-color:#FFFFFF;
	*/
}
#contentcol3{
	float:left;
	width:100%;
		text-align:center;
			font-family:longDrink2;
			padding-bottom:100px;
}
#contentcol3 h2{
	font-size:18px;
	color:#00b2e2;
		font-family:longDrink2;
padding:0px;
margin:0px;
line-height:20px;
}
.statedrop{
		font-family:longDrink2;
		font-size:12px;
		color:#666666;
		width:150px;
}
.awardimg{
	width:120px;
	margin:10px;
}
.storypic{
	padding:3px;
/*	border:#999999 thin solid; */
	text-align:left;
	max-width:300px;

}
#press{
	float:none;

}
#Mmenu{
	display:block;
	position:absolute;
	top: 25px;
	right:25px;
	}
.pantsH1{
	font-size:30px;
}
.pantsH2{
	font-size:16px;
}
.pantsH3{
	font-size:14px;
}
.drizlyH2{
		font-size:25px;
	line-height: 30px;
}
#pantssubtitle{
	font-size:11px;
}
.picNE{
	width:250px;
}
.picKR{
	width:250px;
}
.nopaddP{
	font-size:18px;
}
.h3smaller
{
		font-size:24px;
}
#innercontentleftM2020{
	/* padding-top:20px; */

}
#innercontentleftM2020 h1{
	/* font-size:40px;
	line-height:44px; */
}
#h1lower{
	font-size:20px;
	line-height:24px;
}
#M2020buyonline{
			font-size:30px;
			line-height:34px;
}

#zipSearchBar{
	height: 50px;
	font-size:14px;
}

.PohioCentre{
	font-size:18px;
}
.PohioLeft{
	font-size:16px;
}
#map-legend{
	position:fixed;

width:100%;
border-top:#000000 solid thin;
border-bottom:#000000 solid thin;
border-left:none;
border-right: none;
font-family:longDrink2;
font-size:11px;
	z-index:10000;
	padding:0px;
	height: 45px;
	bottom:50px;
	background-color:#FFFFFF;
}
#innerleg{
	width:50%;
	float:left;
}

}