#header {
    height: 800px;
    position: relative;
}

#header .backdrop {
    background: transparent url('../images/bg-rsvp-800.jpg') no-repeat 0 85% scroll;
    -webkit-background-size: cover;
    background-size: cover;
    bottom:0;
    left: -15px;
    position: absolute;
    right: -15px;
    top:0;
    z-index: 0;
}

/*#header .frontdrop {
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
}*/

/*#header .frontdrop p {
	color:#ffffff;
}*/

#header .logo-brand {
    background-image: url(../images/zw-logo.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 65px;
    background-size: 150px 65px;
    height: 65px;
    width: 150px;
    display: block;
    margin-bottom: 8.5px;
    margin-top: 30px;
	margin-left:20px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -ms-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
}

.fiesta {
    background-image: url(../images/best-fiesta-ever.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 403px 450px;
    background-size: 403px 450px;
    height: 450px;
    width: 403px;
    display: block;
    margin-top: 100px;
	margin-left:0px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -ms-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
	-webkit-animation: zoom-fade-password 20s ease 1s forwards;
    animation: zoom-fade-password 20s ease 1s forwards;
}

.logo-brand {
    background-image: url(../images/20YZumba.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 74px 70px;
    background-size: 74px 70px;
    height: 70px;
    width: 74px;
    display: block;
    margin: 15px 0 15px 12px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -ms-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
}

.email {
	margin-bottom:30px;
}

.lp-tradeshow #header .backdrop {
    background-image: url('../images/bg-rsvp-800.jpg');
    background-position: 20% 85%;
}

@media (min-width: 768px) {
    #header {
        background-color: black;
        border-bottom: none;
        height: 900px;
        left: 0;
        padding: 0;
        position: relative;
        right: 0;
        top: 0;
        z-index: 10;
		
    }

    #header .backdrop {
        left: 0;
        right: 0;

    }

    .lp-tradeshow #header .backdrop {
        background-position: 70% 30%;
    }

    #header .frontdrop {
        left: 0;
        position:absolute;
        right: 0;
    }

    #header .logo-dark {
        margin-top: 30px;
    }
	
	#header .logo-brand {
    background-image: url(../images/zw-logo.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 180px 78px;
    background-size: 180px 78px;
    height: 78px;
    width: 180px;
    display: block;
	margin-left: 0px;
	}
	
	.logo-brand {
    background-image: url(../images/20YZumba.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 127px 120px;
    background-size: 127px 120px;
    height: 120px;
    width: 127px;
    display: block;
	margin: 0 auto 20px;
	text-align: center;
	}

    
}

@media (min-width: 768px) and (max-width: 991px) {
    #header > .container {
        width: 100%;
    }

}


/* XS - Phone */
@media (max-width: 767px) {
    #header .logo-dark {
        margin-top: 30px;
    }

    .lp-tradeshow #header {
		background: black;
        height: 220px;
		margin-left: -15px;
		margin-right: -15px;
    }
	
	.container-form, .rsvp .container-form {
		margin-top: 0px;
	}
	
	.fiesta {
    background-image: url(../images/best-fiesta-ever.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 134px 150px;
    background-size: 134px 150px;
    height: 150px;
    width: 134px;
    display: block;
	margin: 15px auto;
    padding: 0;
	text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -ms-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
	}
	
	.lp-tradeshow #header .backdrop {
		background-image: none;
		background-color: #19165d;
	}
}

/* SM - Tablet */
@media (min-width: 768px) {

}

/* MD - Desktop */
@media (min-width: 992px) {}

/* LG - Large desktop */
@media (min-width: 1200px) {}

/* XL - Extra large desktop */
@media (min-width: 1600px) {

}