
/* --- Responsive Stylesheet --- */

@media (max-width: 479px) {

	.countdown-mobile {display: inline-block !important;}
	.countdown {display: none !important;}

	.names-compact {font-size: 34px !important;}

	.names {font-size: 50px;}
	.names span {font-size: 50px;}

	#buttons .m-02 {width: 100% !important;}

	.couple img {width: 85%;}
}

@media (max-width: 639px) {

	.names {font-size: 52px;}
	.names-compact {font-size: 54px;}
	.names-compact .fa {display: inline-block;}
	.names-compact img {display: none;}
	.name-1 {padding-top: 2px;}
	.name-2 {padding-top: 2px;}

	#restaurant img {width: 220px !important;}

	#ceremony .remove-2 {display: none !important;}
	#ceremony .m-04 {width: 100% !important;}

	#accomodation img {width: 200px;}

	.main-images {width: 100% !important;}

	.images {display: none;}

	#gifts .m-03 {width: 50%;}
	#gifts .m-06 {width: 50% !important;}

	.m-12 {width: 100%;}
	.m-11 {width: 100%;}
	.m-10 {width: 100%;}
	.m-09 {width: 100%;}
	.m-08 {width: 100%;}
	.m-07 {width: 100%;}
	.m-06 {width: 100%;}
	.m-05 {width: 100%;}
	.m-04 {width: 100%;}
	.m-03 {width: 100%;}
	.m-02 {width: 100%;}
	.m-01 {width: 100%;}

	.names-compact .m-04 {width: 33.332%;}

	#rsvp .text-box {width: 80% !important;}
	#rsvp .text-box-2 {width: 80% !important;}

}

@media (max-width: 939px) {

	h1 { font-size: 40px; }

	#ceremony .remove {display: none !important;}
	#ceremony .m-06 {width: 100% !important;}

	nav {position: relative !important;}

	#buttons .m-02 {width: 33.332%;}

	.names, .names-compact {margin-top: 20px;}

	.main-nav {display: none;}
	.mobile-nav {display: block !important;}

	.main-images {width: 630px;}

	.images {width: 630px !important;}

	.image-02 {display: none;}
	.image-01 {left: 0;}
	.image-05 {left: 450px;}
	.image-04 {display: none;}

}

@media (max-width: 1049px) {

	#restaurant img {width: 80%;}

	#party .m-06 {width: 100%;}
	#party .remove {display: none;}

}