@charset "utf-8";

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 991px) {
	/* Banner video */
	.banner-video {
	    height: auto;
	    margin-bottom: -5px;
	}

	.invitation-form {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.banner-caption h1, .banner-caption h1 span {
	    font-size: 90px;
	}
}

@media screen and (max-width: 767px) {

	.container {
	    padding: 0 15px;
	}

	/* Footer area */
	.footer-content span {
		display: block;
	}

	/* Banner Video */
	.banner-caption h3 {
	    font-size: 15px;
	}

	.banner-caption h1, .banner-caption h1 span {
	    font-size: 50px;
	}

	.banner-caption h1 span {
	    top: 5px;
	}

	.banner-caption h3:first-child, .banner-caption h1 {
	    padding-bottom: 20px;
	}

	/* Photo area */
	.wedding-caption {
	    bottom: 30px;
	}

	.wedding-caption h3 {
	    font-size: 20px;
	}

	/* Countdown area */
	.countdown-header h3, .invitation-header h3 {
	    font-size: 30px;
	}

	.countdown-header h3 span {
		display: block;
	}

	#timer {
		font-size: 20px;
	}

	#timer div {
	    min-width: 70px;
	    margin-right: 5px;
	    padding-top: 12px;
	}

	#timer span {
	    font-size: 11px;
	    padding: 5px 0;
	    margin-top: 10px;
	}

	/* Invitation area */
	.invitation-form {
		padding: 30px 20px;
	}

	.btn-music, .btn-register {
	    padding: 4px 13px;
	    font-weight: 300;
	    font-size: 12px;
	    letter-spacing: 0;
	}

	.register-area {
	    top: 90px;
	}
}