body { width: 90%; background: #ffffff; margin: 100px 0 0 5em; color: #000000; line-height: 175%; letter-spacing: 1.03px; font-size: 17px; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman }
*:focus { outline: none }
a:link { color: #000000; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }
a:visited { color: #000000; text-decoration: none }
h3 a:link { font-size: 16px; color: #000000; text-decoration: none; font-weight: normal }
h3 a:hover { font-size: 16px; color: #000000; text-decoration: underline; font-weight: normal }
h3 a:visited { font-size: 16px; color: #000000; text-decoration: none; font-weight: normal }
h4 a:link { font-size: 10px; color: #000000; text-decoration: none }
h4 a:hover { font-size: 10px; color: #000000; text-decoration: underline }
h4 a:visited { font-size: 10px; color: #000000; text-decoration: none }
.img-link:hover { opacity: .5}
article { margin: 3em 0 1em 0; line-height: 180%;}
article p { font-size: .9em; padding: 2em 2em 0 0;}
article.right p { font-size: .9em; padding: 2em 0 0 0;}
article a { }
article img {float: left; padding: 0 2em 0 0; height: 120px; background: #fff; background-size: 400px;}
p { color: #000000; font-weight: normal; font-size: 17px; letter-spacing: 1.03px; line-height: 175%; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman; padding-bottom: 4pt}
h1 { color: #000000; font-weight: bold; font-size: 24px; letter-spacing: 1.03px; line-height: 100%; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman; padding-bottom: 3pt; }
h2 { color: #000000; line-height: 175%; font-size: 19px; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman; padding-top: 2pt; /*! padding-bottom: 6pt */ }
.faq { padding-bottom: 12pt }
h3 { color: #000000; line-height: 175%; letter-spacing: 1.03px; font-size: 16px; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman; font-style: small caps; }
h4 { color: #000000; font-size: 10px; line-height: 125%; font-family: Arial, Helvetica; font-weight: normal; text-align: center; }
h5 { color: #000000; font-weight: normal; font-size: 13px; font-family: Futura, Futura II, Arial Narrow, Arial; font-weight: normal }
h6 { color: #000000; font-weight: normal; font-size: 15px; font-family: Bell MT, Bell, Times, Times New Roman, New York, ; letter-spacing: 1.03px; line-height: 150%;  }
ul,ol,li { color: #000000; line-height: 175%; font-size: 16px; font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman; }
b { font-weight: bold } 
strong { font-weight: bold }
.center-text {text-align: center;}
.pad-top-10 { padding-top: 24px; }
.pad-top-50 { margin-top: 50px; }
.clear { clear: both;}
.bottle-img { 
	margin-top: 28px;
	border: 0px;
}
.date-title { color: #000; margin: 5em 1.5em 1.5em 66px; text-align: left;}
.dates { margin: -.4em 20% 0 0; width: 22%; min-width: 250px; max-width: 350px; float: right; line-height: 180%; }
.dates-mobile { display: none}
a.even-date {
	color: #d70b04;
}
.odd-date a {
	color: #999;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
	color: #d70b04
}

.flex-container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}
#top.flex-container {
  	margin: 1em 0 0 0;
	padding: 0 0 2em 0;
	width: 90%;
}
.flex-item {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 2rem;
    text-align: left;
}
#top1-2018
{
	margin-right: 50%;
}

.dsR38 { width: 120px; height: 146px; }
.dsR39 { width: 118px; height: 151px; }
.dsR40 { width: 100%; }
.dsR41 { width: 71%; }

.fixed-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-align: right;
	background: #ffffff;
	padding: .15em;
	font-size: 80%
}

@media (max-width:1400px) {
	.dates { margin: -.4em 20% 0 0; width: 22%; min-width: 250px; max-width: 350px; float: right; line-height: 180%; }

}

@media (max-width:1000px) {
	.dates { margin: -.4em 10% 0 0; width: 22%; min-width: 250px; max-width: 350px; float: right; line-height: 180%; }
	.flex-container { flex-direction: column}
}

@media (max-width:880px) {
	body { width: 80%;  margin: 10% 10% 0 10%;}
  article { margin: 3em 0 1em 0; line-height: 180%;}
	.dates { margin: -.4em 0 0 0; width: 22%; min-width: 250px; max-width: 350px; float: right; line-height: 180%; }
  .date-title {margin: 3.5em 0 .5em 0}

}

@media (max-width:600px) {
	body { width: 80%; margin: 10% 10% 0 10%; }
  article { margin: 3em 0 1em 0; line-height: 180%;}
  article p { font-size: .9em; padding: .5em 2em 0 0;}
	.dates { display: none; }
	.dates-mobile { display: block; width: 100%; margin: 3em 0 0 0;}
	.dates-mobile td {width: 100px}
  .date-title {margin: 3.5em 0 .5em 0}
	.fixed-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: right;
	background: #ffffff;
	padding: .15em;
}
}