* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing:0px;
	line-height:1.1;
	color:#FFFFFF;
	scroll-behavior: smooth;
	text-align:center;
	font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  transition:.3s ease;
}

body {
	background: #662249;
}

#bg {
	background-image:url("../_img/bg-mobile.jpg");
	position: fixed;
	background-size:cover;
    height: 100vh;
    width: 100vw;
    background-attachment: scroll;
    background-position: center center;
    z-index: -2;
}

@media only screen and (min-width: 768px) {
	#bg {
		background-attachment: fixed;
		background-image:url("../_img/bg.jpg");
	}
}

h1 {
	font-size:24px;
	font-weight:800;
	text-transform:uppercase;
	filter:drop-shadow(0 0 7px rgba(0,0,0,.5));
}

h2 {
	color:#f5a54e;
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	margin:0 auto 22px;
}

h3 {
	color:#f5a54e;
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	margin:0 auto 22px;
}

p {
	font-size:16px;
	line-height:1.6;
	margin:0 auto 22px;
	font-family:"Raleway";
}

p a {
	color:#f5a54e;
	text-transform:underline;
	font-family:inherit;
}

@media screen and (min-width: 678px) {
	h1 {
		font-size:32px;
	}

	h2 {
		font-size:30px;
	}

}

strong {
	font-weight:700;
	font-family:inherit;
}

em {
	font-family:inherit;
	font-weight:inherit;
}

#wrapper {
	overflow:hidden;
	padding:44px 33px;
	max-width:800px;
	margin:0 auto 0;
	filter:drop-shadow(0 0 11px rgba(0,0,0,.2));
}

@media screen and (min-width: 678px) {
	#wrapper {
		padding:55px 33px;
	}
}

/* ----- NAV BAR RULES ----- */

#nav {
	height:55px;
	background:transparent;
	padding: 0;
	text-align:center;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:50;
	max-width:none;
	margin:0 auto 0;
	transition:.5s ease;
}

#nav.scroll {
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 46%);
	-moz-box-shadow: 0 0 7px rgb(0 0 0 / 46%);
	box-shadow: 0 0 7px rgb(0 0 0 / 46%);
}

.hamburger {
  display:inline;
  position: fixed;
  top: 15px;
  left: 17px;
  height: 28px;
  width: 32px;
  cursor: pointer;
  z-index: 113;
  background-attachment: fixed;
  -webkit-transition: .5s;
  transition: .5s;
}

.hamburger.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
}

.hamburger.active .middle {
  opacity: 0;
}

.hamburger.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
}

.hamburger span {
  background: #052bb6;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}

.hamburger:hover span{
  opacity:.8;
}

.hamburger span:nth-of-type(2) {
  top: 11px;
}

.hamburger span:nth-of-type(3) {
  top: 22px;
}

.nav-title {
	width: 105px;
    margin: 0;
	transform: translateY(-3px);
	filter:brightness(1.4)
}

.nav-title:hover {
	filter:brightness(1.9)
}

.mfp-bg {
	opacity:0.95 !important;
}

.mfp-close {
	color:#FFFFFF !important;
}


a.button {
    font-weight: 700;
    background: #f5a54e;
    border-radius: 22px;
    display: inline-block;
    margin: 17px auto 22px;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 66%);
    font-size: 26px;
    line-height: 1;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: 1s ease;
    padding: 11px 12px 4px;
    color: #662249;
    z-index: 20;
    position: relative;
    letter-spacing: 0px;
    transition:.3s ease;
    filter:drop-shadow(0 0 7px rgba(255,255,255,.0));
}

a.button:hover {
	filter:drop-shadow(0 0 7px rgba(255,255,255,.4));
}
	
#nav a.button {
	
	z-index: 20;
    position: relative;
    float: right;
    margin: 0px;
    padding: 6px 11px 4px 15px;
    border-radius: 0px 0 0 17px;
}

@media only screen and (max-width: 768px) {
	#nav a.button {
		position: fixed;
		bottom: 0;
		width: 100%;
		right: 0;
		left: 0;
		max-width: none;
		padding: 17px;
		transform:none;
		border-radius:0;
	}
	
}

#title {
	width:100%;
	max-width:500px;
	display:block;
	margin:44px auto 44px;
	position:relative;
}

#billing {
	margin:0 auto 44px;
	display:block;
}

.billing-item {
	width:100%;
	display:inline-block;
	text-align:center;
	padding:4px 4px 12px;
	vertical-align:top;
}

.billing-item .credit {
	color:#FFFFFF;
	padding:0 4px 6px;
	font-size:15px;
	line-height:1.2;
	font-family:"Raleway";
}

.billing-item.long {
	width:100%;
}

.billing-item .name {
	color:#f5a54e;
	font-weight:bold;
	text-transform:uppercase;
	font-size:32px;
	line-height:1;
	letter-spacing:0px;
}

@media only screen and (min-width: 400px) {
	.billing-item {
		width:calc(50% - 10px);
	}

}

@media only screen and (min-width: 700px) {
	.billing-item {
		width:calc(25% - 4px);
	}

}

/* p.copy::first-letter {
	color:#FFFFFF;
	font-size:28px;
	font-weight:700;
	text-transform:uppercase;
	padding:0 1px;
	line-height:1;

} */

/* FOOTER */


#footer {
	padding: 44px 0px 77px;
}

#email {
	margin: 0px auto 0;
	display:block;
	position:relative;
	z-index:5;
	border: 1px solid #FFFFFF;
    padding: 44px 33px 22px;
    border-radius: 22px;
    max-width:600px;
    background:rgba(0,0,0,.1);
}

#email.nav-email {
	float: right;
    margin: 0;
    transform: translate(7px,-5px);
    width: calc(100% - 54px);
}

#social {
	margin: 66px auto 22px;
}


#mice p {
	font-size:14px;
}
	
#email input#mce-EMAIL {
	text-align: center;
    border: none;
    height: 43px;
    margin: 0;
    padding: 3px 8px 0;
    vertical-align: top;
    font-size: 20px;
    background: rgba(255, 255, 255, 1);
    color: #0b0a09;
    width: 100%;
    max-width: 350px;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    border-radius: 0;
}
		
#email input.button {
	font-style: normal;
	font-stretch: condensed;
	font-weight: 700;
	border: none;
    display: inline-block;
    margin: 0px auto 0px;
    padding: 6px 17px 4px;
	border-radius:22px !important;
    color: #662249;
    font-size: 26px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
	-webkit-appearance: none;
	background: #f5a54e;
	transition:.3s ease;
}

#email input.button:hover {
	filter:drop-shadow(0 0 7px rgba(255,255,255,.4));
}

/* DUST */

#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
}