fmargibody {font-family: 'Bentham', serif; font-size:22px; line-height:27px; font-weight:300; background-color:#ffffff; margin:0; padding:0; }
#mainwrap {position:relative; z-index:25;}
#bg {position:fixed; z-index:1; bottom:0;width:100%;}
#bg img {width:100%; height:auto; margin-bottom:-10px;} 
#herocontainer {width:100%; height:auto; overflow:hidden;}
#herocontent {width:950px; margin-left:auto; margin-right:auto; overflow:hidden; padding-top:0px; padding-bottom:30px}
#heroleft {width:100%; float:left; display:block; color:#000000; }
hr {width:300px; margin-left: auto; margin-right: auto; margin-top:30px; margin-bottom:30px;}
.txtshadow {text-shadow: 1px 1px 10px rgba(0,0,0,0.41); margin-right:2%;}
#sig  {width:200px; height:auto; margin-left:auto; margin-right:auto;}
#sig img {width:200px !important; height:auto !important;}
p {font-family: 'Bentham', serif;}
#heroright {width:100%; float:right; text-align:center;}
#heroright img {width:450px; height:auto;}
#heroright2 {padding-top:20px;}
#heroright2 img {width:650px; height:auto;}

#buttoncontainer {width:100%; text-align:center;}
#preorder {width:300px;  margin-left:auto; margin-right:auto;}

/*button {width:300px; margin-left:auto; margin-right:auto; font-size:20px; padding:12px 24px; margin-top:10px; margin-bottom:0px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);}
button:active {background-color:#ffffff;}
button:hover {background-color:#000000; color:#ffffff;}*/
button {width:300px; margin-left:auto; margin-right:auto; font-size:20px; padding:20px 40px; margin-top:15px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);-moz-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5); display: inline-block; border: none; text-decoration: none; background: #fd001b; color: #000000; font-family: 'Bentham', serif; font-weight:400; cursor: pointer; text-align: center; -webkit-appearance: none; -moz-appearance: none;}
button:hover {background: #fd001b !Important; color:#000000 !important;}
button:focus {background: #fd001b !Important; color:#000000 !important;}
button:active {background-color:#fd001b !Important;}
button:hover {background-color:#fd001b !Important; color:#000000 !Important;}
.js .buylinks{opacity:0;}
.toppara {font-size:20px; line-height:26px; color:#000000 !important;}
.buylinks{min-width:50%;flex-basis:100%;font-size:1.3em; text-transform:uppercase; letter-spacing: 0px;}
#headline p {color:#ffffff;}
#buylinks p {color:#ffffff;}
 .buylinks h1, .buylinks h2{display:inline-block;font-size:1em;margin:0;padding:0;}
.buylinks h2:before{content:'\2022';margin:10em .5em;}
.buylinks ul{flex-flow:wrap;text-align:center;margin-bottom:0;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;list-style:none;padding-left:0;display:flex;justify-content:space-between;align-content:center;align-items:center;}
.buylinks ul li{margin:.35%; width:32%; float:left; display: block; background-color:#ffffff}
.buylinks ul li a{display:block;text-align:center;padding:.5em .25em .5em;text-decoration:none;border:1px solid #000000;color:#000000;overflow:hidden;font-size:.75em;}
.buylinks li a:before{font-size:.75em;margin:auto;vertical-align:baseline;}
.buylinks li a:hover, .buylinks li a:active, .buylinks li a:focus{color:#000000; border:1px solid #000000;background-color:#fd001b;}
/*ul {width:300px; margin-left:auto; margin-right:auto; position:absolute; z-index:500; margin-top:-15px;}
ul li {list-style-type:none; font-size:20px; background-color:#cccccc; padding:20px;}
ul li a {text-decoration:none;}*/
#maincontent {width:700px; margin-left:auto; margin-right:auto; padding-top:20px;}
#maincontent p {font-size:18px; line-height:24px; color:none;}
.mobileonly {display:none; visibility:hidden;}

h1 {width:500px; margin-left:auto; margin-right:auto; margin-bottom:0;}
h1 img {width:100%; height:auto;}

h2 {width:500px; margin-left:auto; margin-right:auto; margin-bottom:0;}
h2 img {width:100%; height:auto;}

#events {width:950px; margin-left:auto; margin-right:auto; margin-bottom:100px;}
.eventlisting {width:46%; float:left; display:block; margin-left:2%; margin-right:1%; background-color:#ffffff; margin-bottom:30px; border:1px solid #000000;}
.eventlisting2 {width:95%; float:left; display:block; margin-left:2%; margin-right:1%; background-color:#ffffff; margin-bottom:30px; }
.eheadline {width:100%; font-size:16px !important; background-color:#fd001b !important; color:#000000; position:relative; margin-top:0; text-align:center;  background-size:cover; padding-top:5px; padding-bottom:5px; font-family: 'Oswald', sans-serif; margin:0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.edetails {margin:10px; text-align:center; }
.eventlisting p {font-size:15px; line-height:25px; font-weight:lighter !important; font-family: 'Oswald', sans-serif; margin:10px; text-align:center; color:#000000;}
.eventlisting2 p {font-size:15px; line-height:25px; font-weight:lighter !important; font-family: 'Oswald', sans-serif; margin:10px; text-align:center; color:#000000;}
.jointevent {padding-left:60px; padding-right:60px}
.eventlink a {color:#fd001b; text-decoration:underline !important; text-transform:uppercase; line-height:30px;}
.eventlink a:hover, .eventlink a:active, .eventlink a:focus {text-decoration:none !important;}
.sc {font-variant:small-caps;}
.asl {font-size:15px; font-variant:small-caps !important;}
.eventslhadj {line-height:50px;}
.center {text-align:center;}
#note {margin-left:auto; margin-right:auto; width:750px;}
#note img {width:100%; height:auto; padding-top:30px;}
#termsprivacy {clear:both; padding-top:20px; position:relative; z-index:5;}
#termsprivacy p {font-size:14px; color:#000000;}
#termsprivacy p a {font-size:14px; text-decoration:none; color:#000000;}
#termsprivacy p a:hover {font-size:14px; text-decoration:underline;}

/*
button {
    animation: 3s ease-out 0s 1 wait, 0.21s ease-out 3s 1 slideInFromBottom;
}
*/
@keyframes wait {
    from { transform: translateY(20px); }
    to { transform: translateY(20px); }
}

@keyframes slideInFromBottom {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media screen and (min-width: 668px) and (max-width: 999px) {
#herocontainer {width:100%; height:auto; }
#herocontent {width:80%; height:auto; margin-left:10%; margin-right:10%;}
#heroright {width:100%; float:right; display:block;}
#note {margin-left:auto; margin-right:auto; width:650px;}
#note img {width:100%; height:auto; padding-top:30px;}
#maincontent {width:80%; margin-left:auto; margin-right:auto;}
.buylinks ul li{margin:.35%; width:48%; float:left; display: block; background-color:#ffffff}
.toppara {font-size:20px; line-height:26px; color:#000000 !important; margin-left:10px; margin-right:10px;}
#heroright2 {width:100%;}
#heroright2 img {width:100%; height:auto;}

#events {width:100%; margin-left:auto; margin-right:auto; margin-bottom:100px; position:relative; z-index:100;}
.eventlisting {width:45%; float:left; display:block; margin-left:2%; margin-right:2%; background-color:#ffffff; margin-bottom:30px;}
.eventlisting p {font-size:14px; line-height:24px; font-weight:normal; font-family: 'Oswald', sans-serif; margin:10px 0 10px 0; text-align:center; color:#000000;}
.eheadline {width:100%; font-size:24px; background-color:#fd001b !important; color:#000000; position:relative; margin-top:0; text-align:center;  background-size:cover; padding-top:5px; padding-bottom:5px; font-family: 'Oswald', sans-serif; font-weight:700; margin:0 !important;}
.edetails {margin:10px; text-align:center; }
.eventlink a{color:#fd001b; text-decoration:none; text-transform:uppercase; line-height:30px;}
.eventlink a:hover, .eventlink a:active, .eventlink a:focus {text-decoration:underline;}
.sc {font-variant:small-caps;}
.jointevent {padding-left:0px; padding-right:0px}

}

@media screen and (max-width: 667px) {
body {padding-top:20px;}
.mobileonly {display:inline; visibility:visible;}
.desktoponly {display:none; visibility:hidden;}
h1 {width:100%; margin-left:auto; margin-right:auto;}
h1 img {width:66%; height:auto; margin-left:17%; margin-right:17%; padding-top:10px; padding-bottom:10px;}
h2 {width:100%; margin-left:auto; margin-right:auto;}
h2 img {width:80%; height:auto; margin-left:10%; margin-right:10%; padding-top:10px; padding-bottom:0px;}
#heroleft {width:100%; float:right; display:block; margin-left:0%; margin-right:0%; }
/*.buylinks{min-width:250px;flex-basis:100%; margin-left:auto; margin-right:auto; font-size:1.15em; text-transform:uppercase; letter-spacing: 0px; text-align:center;}
.buylinks ul li{margin:3px auto; width:250px; float:left; display: block; background-color:#ffffff}*/
#heroright {width:96%; float:left; display:block; margin-left:2%; margin-right:2%; padding-top:0px;}
#heroright img {width:100%; height:auto;}
#herocontainer {width:100%; height:auto; }
#herocontent {width:90%; height:auto; margin-left:5%; margin-right:5%; padding-top:0;}
#maincontent {width:90%; margin-left:auto; margin-right:auto;}
.toppara {font-size:20px; line-height:26px; color:#000000 !important; margin-left:10px; margin-right:10px;}
#preorder, #button {width:250px; font-size:18px}
#heroright2 {width:100%;}
#heroright2 img {width:100%; height:auto;}

#events {width:100%; margin-left:auto; margin-right:auto; margin-bottom:100px;}
.eventlisting {width:90%; float:left; display:block; margin-left:5%; margin-right:5%; background-color:#ffffff; margin-bottom:30px;}
.eventlisting p {font-size:15px; line-height:25px; font-weight:normal; font-family: 'Oswald', sans-serif; margin:10px; text-align:center; color:#000000;}
.eheadline {width:100%; font-size:24px; background-color:#fd001b !important; color:#000000; position:relative; margin-top:0; text-align:center;  padding-top:5px; padding-bottom:5px; font-family: 'Oswald', sans-serif; font-weight:700; margin:0 !important;}
.edetails {margin:5px; text-align:center; }
.eventlink a{color:#fd001bs; text-decoration:none; text-transform:uppercase; line-height:30px;}
.eventlink a:hover, .eventlink a:active, .eventlink a:focus {text-decoration:underline;}
.sc {font-variant:small-caps;}
.eventlisting2 {width:90%; float:left; display:block; margin-left:5%; margin-right:5%; background-color:#ffffff; margin-bottom:30px;}
.jointevent {padding-left:0px; padding-right:0px}

}

@media screen and (min-width: 551px) and (max-width: 999px) {
.buylinks{flex-basis:100%; margin-left:auto; margin-right:auto; font-size:1.2em; text-transform:uppercase; letter-spacing: 0px; text-align:center;}
.buylinks ul li{margin:5px auto; width:46%; margin-left:2%; margin-right:2%; float:left; display: block; background-color:#ffffff}

 }

@media screen and (max-width: 550px) {
buylinks{min-width:280px;flex-basis:100%; margin-left:auto; margin-right:auto; font-size:1.25em; text-transform:uppercase; letter-spacing: 0px; text-align:center;}
.buylinks ul li{margin:5px auto; width:280px; float:left; display: block; background-color:#ffffff}

}