/*==================================================
Author: http://themeforest.net/user/navigator
Only At: ThemeForest.net


	* * * CONTENTS * * *

	0. Media screen up to 980 px
	
	1. Media screen up to 780 px
	
	2. Media screen up to 580 px

	3. Media screen up to 380 px
	
==================================================*/


/*------------------------------------------------
    0. Media screen up to 980 px
------------------------------------------------*/

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

	.wrap {width: 94%;}

}


/*------------------------------------------------
    1. Media screen up to 780 px
------------------------------------------------*/

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

	.half {width: 100%; margin-bottom: 25px;}

	.fourth {width: 47%; margin-right: 6%;}
	.fourth:nth-of-type(2n):not(.last) {margin: 0px 0px 25px 0px;}

	.third img {width: 80%; height: auto;}
	.frame {background: none;}
	.frame img {border: 8px solid #fff;}

	.sixth {width: 30.66%;}
	.sixth:nth-of-type(3n):not(.last) {margin: 0px 0px 25px 0px;}

	.last {margin: 0px;}

	#photos-download {text-align: center;}
	#photos-download span {float: none; margin: 0px auto 15px;}
	#photos-download .btn-download {float: none;}

}


/*------------------------------------------------
    2. Media screen up to 580 px
------------------------------------------------*/

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

	.top-header,
	.logo {display: none;}

	#the-day .top-header {display: block;}
	
	.nav-icons li {width:0px;}
	
	nav {top: 0px; height: 36px;}
	nav ul {height: 40px;}
	nav ul li {width: 75px;}
	nav ul li a {padding: 15px 0px;}

	h1.big {top: 90px;}
	h1 {line-height: 40px; font-size: 40px;}
	h2 {line-height: 22px; font-size: 16px;}

	ul#pages li section {padding-top: 90px;}
	ul#pages li#the-day section {padding-top: 150px;}

	.frame img {border: 6px solid #fff;}

	.sixth,
	.sixth:nth-of-type(3n):not(.last) {width: 47%; margin-right: 6%;}
	.sixth:nth-of-type(2n):not(.last) {margin: 0px 0px 25px 0px;}

	.last {margin: 0px;}

	.address {width: 75%;}

	#rsvp_form fieldset {margin: 15px 0px;}
	#rsvp_form input[type=text] {width: 80%; height: 35px;}

}


/*------------------------------------------------
    3. Media screen up to 380 px
------------------------------------------------*/

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

	nav, #pages, footer {display: none;}

	#rotate-phone {display: block;}

}