@charset "UTF-8";
/* CSS Document */
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
* { outline: none;  }
html {
  box-sizing: border-box;height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body { font-family: "Verdana", Verdana, sans-serif; color: #FFFFFF; background:url(images/background.jpg) no-repeat top center; background-size:cover;  background-attachment: fixed;height: auto;    padding: 0; margin: 0;}
a, a>img { border: none; }

div#container {  margin: 2em auto; 
	position: relative;
  max-width: 820px; width: 94%;
  
	padding: 24px 36px 16px;
	 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
	background: #000 url(images/table-bkgd.gif) no-repeat center;     background-size: cover;
}
.content { text-align: center; }
.mfcc { display: inline-block;vertical-align: bottom; width: 15%;  margin: -1.9em 0 0; padding-bottom: 0.5em; }

button { display: block; background: #6d6e70; border: 1px solid #a89f88; border-radius: 6px; padding: 6px 18px; letter-spacing: 0.167em;   }
a.event, a.event button { clear:both; text-decoration: none; color: #FFF; cursor: pointer; }
a.external { display: block; margin: 6.1em 0; }

.intro { font-size: 1em; letter-spacing: 0.06em; display: block; line-height: 1.2;  width: 96%; padding-top: 0em; color: #FFF; margin: 0 .67em 0.67em; font-weight: bold;}
.tagline { font-size: 0.63em; letter-spacing: 0.07em; margin-top:.67em; width: 100%; max-width: 353px; text-align: center; margin: 0 auto;}
span.logo { color: #a89f88; font-size: 1.247em; font-weight: 600; letter-spacing: 0.063em;  }
.date { font-size: 1.27em; color: #f2df00;line-height: 1.3; text-transform: uppercase;}
.location { font-size: 1.23em; color: #d2a87d; margin-bottom: 1.8em; }
.location span { font-size: 0.78em; font-style: italic; }
.rsvp { display: block; cursor: pointer; }
	
.logo-left { float: left; margin-top: -60px; }
.logo-right { float: right; margin-top: -60px; }

.addeventatc { display: none;background-image: none!important; border: none!important; background-color: transparent!important; border-color: transparent!important; padding: 0!important; text-shadow:none!important}
.addeventatc .addeventatc_icon{ background-image: none!important;}
.copyx { display: none!important}

@media screen and (max-width: 768px) {
	div#container { margin: 0em auto 1.8em;
	position: relative;
  top: auto;
  -webkit-transform: translateY(-0%);  
  -webkit-transform-style: preserve-3d;
      -ms-transform: translateY(0%);
  	transform: translateY(0%);
	padding: 20px 22px 16px;
   }
	.logo-left, .logo-right { float: none; margin: 1em auto; }
	a.external {        margin: 0 0 0.3em 0em;    float: none; }
	a.event {     float: none;     padding-bottom: 0.8em;    display: block; font-size: 1.2em;  }
	a.appleLink { clear:both;     clear: both;
    float: left!important;
    background-position-x: left!important;
    margin-bottom: 0.8em;}
	#right.bottom, #left.bottom { float: none; clear:both; }
	.mfcc { float: right; margin: -1em 0 0; padding-bottom: 0.5em;width: 111px }
}
@media screen and (max-width: 529px) {
	div#container { background-image: none; }
}
@media screen and (max-width: 429px) {
	
	body { font-size: 0.9em; }
	.itunes {    float: left;
    background: url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_music-lrg.svg) left no-repeat;
    margin-bottom: 0.8em;
	}
	a.appleLink { padding-top: 0.1em; }
}