/* = Layout
-----------------------------------------------*/


	/* -- Wrapper ---------- */

		#wrapper{
			width:100%;
			height:auto;
			
			display:block;
			position:relative;
			clear:both;
			z-index:0;

			text-align:center;
			
			margin:0px auto;
			padding:0px 20px;
			border:0px none;
		}

		@media screen and (min-width:992px){
			#wrapper{
				height:640px;

				/* Vertically centre the 640px block; never push it above the top of the window */
				top:max(0px, calc(50vh - 320px));

				margin-top:0px;
				padding:0px;
			}
		}

		#weddings__wrapper{
			width:100%;
			height:auto;
			
			display:block;
			position:relative;
			clear:both;
			z-index:0;

			text-align:center;
			
			margin:0px auto;
			padding:0px 20px;
			border:0px none;
		}


	/* -- Sections ---------- */
		
		section{
			width:100%;
			height:auto;
			
			display:block;
			position:relative;
			clear:both;
			z-index:0;
			
			margin:0px auto;
			padding:0px;
			border:0px none;
		}


	/* -- Containers ---------- */
	
		.container{
			width:100%;
			max-width:none;
		}
	
		@media screen and (min-width:992px){
			.container{
				max-width:900px;
			}
		}
	
		@media screen and (min-width:1200px){
			.container{
				max-width:1100px;
			}
		}


	/* -- Row ---------- */
		
		.row{
		}