@font-face {
font-family: 'superclarendonlight';
src: url("fonts/SuperClarendon-Light.eot");
src: url("fonts/SuperClarendon-Light.eot?#iefix") format("embedded-opentype"),
url("fonts/Superclarendon-Light.woff2") format("woff2"),
url("fonts/Superclarendon-Light.woff") format("woff"),
url("fonts/Superclarendon-Light.ttf") format("truetype");
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
display:block;
}

* {
margin:0;
padding:0;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
								transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'superclarendonlight', Arial;
color:#FFF;
overflow-x:hidden;
background-color:#9fa99e;
animation: fadein 1.5s;
-webkit-animation: fadein 1.5s; /* Safari and Chrome */
   -moz-animation: fadein 1.5s; /* Firefox */
	 -o-animation: fadein 1.5s; /* Opera */
}

@media all and (min-width:1100px) {
#main {
background: url("bg.jpg?v=1.06") center center no-repeat;
background-size:cover;
height:100vh;
}
}


@media all and (max-width:1100px) {
#main {
height:100vh;
background: url("bg_mobile.jpg?v=1.07") top center no-repeat;
background-size:cover;
}
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

header {
position:relative;
}

#logo {
position: absolute;
left: 50%;
top:20px;
transform: translateX(-50%);
}

#logo img {
max-height:30px;
}

#listen {
position:absolute;
top:20px;
left:15px;
}

#listen a {
padding:6px 15px;
color:#FFF;
background-color:#1d4e53;
font-size:12px;
border-radius:50px;
text-transform:lowercase;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

#listen a:hover {
background-color:#367379;
color:#FFF;
}

#socials {
position:absolute;
top:20px;
right:20px;
}

#socials li {
display:inline-block;
margin:0 0 0 8px;
font-size:17px;
}

#socials a {
color:#FFF;
}

#socials a:hover {
color:rgb(255,255,255,.6);
}

#container {
width:70%;
margin:50px 15% 100px 15%;
}

#section-head {
font-size:34px;
margin:0 0 30px 0;
font-weight:700;
text-align:center;
}

.bit-top-track-button,
.bit-nav-bar-container,
.bit-top-track-button {
display:none !important;
}

.bit-widget.bit-layout-desktop .bit-event:hover {
background-color: rgb(0,0,0,0) !important;
}

.bit-widget {
font-family:'superclarendonlight', Arial !important;
font-size:15px !important;
font-weight:700 !important;
}

a.bit-button {
border-radius:50px !important;
}

.bit-rsvp-container a.bit-button:hover {
background-color: rgb(29,78,83,.2) !important;
color:#FFF !important;
}

.bit-offers-container a.bit-offers:hover {
background-color: rgb(29,78,83,.7) !important;
}

.bit-rsvp-container a.bit-button,
.bit-offers-container a.bit-offers {
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
								transition: all 0.2s ease-in-out;
}


@media all and (max-width:1000px) {
#logo {
display:block;
margin:0 auto 20px auto;
left:50%;
text-align:center;
transform: translateX(-50%);
height:30px;
}

#listen {
top:60px;
left: 50%;
transform: translateX(-50%);
width:100%;
display:block;
margin:0 auto;
text-align:center;
}

#socials {
top:96px;
right:50%;
transform: translateX(50%);
}

#socials li {
margin:0 4px;
}
}