@media only screen {
	#header-text {
		font-size: 3.5rem;
	}

	/*.galleryContainer, .prettyGallery, .gallery {
		display: none;
	}

	.flex-container {
		display: flex;
	}*/

	.flex-container {
		display: none;
	}



	#weddings-text {
		font-size: 1.2rem;
	}

	#main-contact {
		font-size: 1rem;
		float: right;
		text-align: right;
	}

	#pictureBackground {
		display: none;
	}

	#mobilePictureContainer {
		display: block;
	}

	.shape-tab, .tab-shadow {
		display: none;
		/*visibility: hidden;
		width: 0;
		height: 0;*/
	}

	#featured-home-text {
		width: 100%;
	}

	.main-nav {
		font-size: 0;
		position: relative;
		margin: 1rem 0 0 0px;
	}

		.main-nav a {
			display: inline-block;
			width: 32%;
			font-weight: 500;
			font-style: normal;
			font-size: 1.05rem;
			text-transform: uppercase;
			text-wrap: none;
			text-align: center;
			text-decoration: none;
			color: white;
			vertical-align: central;
			padding: .4rem 0;
			margin: .075rem;
			transition: background-color .25s linear;
			-webkit-transition: background-color .25s linear;
		}

	main.nav a span {
		vertical-align: central;
		width: 100%;
		margin: auto;
	}

	a.home, a.gallery {
		width: 48%;
	}

	.main-nav a.unselected:hover, .main-nav a:active {
		background-color: #FFCE0A;
		/*transition: background-color .25s linear;
				-webkit-transition: background-color .25s linear;*/
	}

	.main-nav a.unselected
	/*, .main-nav a.selected*/ {
		background-color: #D3A900;
		/*transition: background-color .25s linear;
				-webkit-transition: background-color .25s linear;*/
	}

	.main-nav a.selected {
		background-color: #403D35;
	}


	.featured {
		-moz-border-radius: 0;
		border-radius: 0;
		height: 4rem;
		margin-top: .075rem;
	}

	#featured-content {
		margin-left: 10px;
	}

		#featured-content h1 {
			font-size: 1.7em;
		}

	#featured-home {
		height: 33rem;
	}

	#content-area {
		font-size: 1.1em;
	}

	#featured-content p {
		font-size: 1.1em;
	}

	.content-text {
		margin-left: 10px;
		margin-right: 10px;
	}

	.content-indented-text {
		margin-left: 20px;
		margin-right: 20px;
	}

	#main-footer {
		font-size: 1em;
	}

	#footerNav {
		margin-bottom: .1em;
	}

		#footerNav a {
			padding-left: 1%;
			padding-right: 1%;
		}

	.main-navWrap {
		display: block;
		width: 68%;
		margin: auto;
	}

	#main-contact {
		display: none;
	}

	#main-header {		
		width: 325px;
		margin: 0 auto;
	}

	#featured-content.home p {
		margin-top: 1rem;
	}
}

@media only screen and (min-width: 620px) {
	#main-contact {
		display: inline;
	}

	#content-area {
		font-size: 1.25em;
	}

	#featured-content p {
		font-size: 1.25em;
	}

	#home-content {
		object-fit: contain;
		width: 100%;
		height: 100%;
		max-height: 375px;
		max-width: 550px;
		margin: auto;
		display: block;
		padding-top: 75px;
	}

	#mobilePictureContainer {
		display: none;
	}

	#pictureBackground {
		display: block;
	}

	#main-header {		
		width: auto;
		margin: 0;
	}
}

@media only screen and (min-width: 735px) {
	#header-text {
		font-size: 4rem;
	}

	.featured {
		margin-top: 0;
	}

	#main-header {
		margin-bottom: 30px;
	}

	.main-navWrap {
		display: inline;
		width: auto;
		margin: auto;
	}

	#weddings-text {
		font-size: 1.6rem;
	}

	#main-contact {
		font-size: 1.25rem;
	}

	.shape-tab, .tab-shadow {
		display: inline;
		/*visibility: visible;
		width: auto;
		height: auto;*/
	}

	.main-nav {
		margin: 1rem 0 0 -.79rem;
	}

		.main-nav a {
			display: inline-block;
			position: relative;
			width: 11.563rem;
			height: 2.5rem;
			color: #444;
			font-weight: 500;
			font-style: normal;
			font-size: 1.1rem;
			text-transform: uppercase;
			margin: 0 -3.3125rem 0 0;
			padding: 0;
			background-color: transparent;
		}

			.main-nav a.unselected:hover, .main-nav a:active {
				background-color: transparent;
			}

			.main-nav a.unselected, .main-nav a.selected {
				background-color: transparent;
			}

		.main-nav a {
			margin-left: 0;
			z-index: 100;
		}

			.main-nav a.home {
				z-index: 100;
			}

			.main-nav a.gallery {
				z-index: 99;
			}

			.main-nav a.services {
				z-index: 98;
			}

			.main-nav a.about {
				z-index: 97;
			}

			.main-nav a.contact {
				z-index: 96;
			}

			.main-nav a.selected {
				z-index: 101;
			}

				.main-nav a.selected svg {
					fill: #403D35;
					transition: fill .25s linear;
					-webkit-transition: fill .25s linear;
				}

			.main-nav a.unselected svg {
				fill: #D3A900;
				transition: fill .25s linear;
				-webkit-transition: fill .25s linear;
			}

			.main-nav a.unselected:hover svg, .main-nav a:active svg {
				fill: #FFCE0A;
				transition: fill .25s linear;
				-webkit-transition: fill .25s linear;
			}

			/*.main-nav a.unselected.tab-shadow:hover svg, .main-nav a.tab-shadow:active svg {
				fill: #d27a1d;
				fill: #A98909;
			}*/

			/*.main-nav a svg.tab-shadow,*/
			.main-nav a.selected svg.tab-shadow {
				visibility: collapse;
			}

			.main-nav a.unselected svg.tab-shadow {
				fill: #A98909;
				transition: fill .25s linear;
				-webkit-transition: fill .25s linear;
				z-index: 101;
			}


			.main-nav a .shape-tab {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			.main-nav a .tab-shadow {
				margin: 0 0 0 -7.6875rem;
				clip: rect(0, 11.5625rem, 3.125em, 8.500rem);
			}

			.main-nav a span {
				color: white;
				position: absolute;
				top: 0;
				left: 0;
				width: 50%;
				height: 100%;
				display: block;
				padding: 0.6875rem 0 0 0;
				margin-left: 2.1875rem;
				text-align: left;
				text-shadow: 0 0 0.4375rem rgba(0,0,0,0.4);
			}

		.main-nav:after {
			content: "";
			display: block;
			height: 0;
			background: #ccc;
		}

	.home .main-nav:after, .single .main-nav:after {
		background: #e18728;
	}

	.featured {
		-moz-border-radius: 0em 2em 2em 2em;
		border-radius: 0em 2em 2em 2em;
		height: 6.250rem;
	}

	#featured-content {
		margin-top: 2rem;
	}

		#featured-content h1 {
			font-size: 2.3em;
		}

	.content-text {
		margin-left: 35px;
		margin-right: 35px;
	}

	.content-indented-text {
		margin-left: 50px;
		margin-right: 50px;
	}

	/*#featured-home-text {
		width: 18rem;
	}*/

	#main-footer {
		font-size: 1.1em;
	}

	#footerNav {
		margin-bottom: .625em;
	}

		#footerNav a {
			padding-left: 2.5%;
			padding-right: 2.5%;
		}
}

@media only screen and (min-width: 815px) {
	#header-text {
		font-size: 5rem;
	}
}

@media only screen and (min-width: 925px) {
	#featured-content.home p {
		margin-top: 6rem;
	}

	#featured-home-text {
		width: 18rem;
	}

	#featured-home {
		height: 29rem;
	}

	#home-content {
		position: absolute;
		margin-left: 335px;
		float: right;
		padding-top: 0;
	}

	#featured-content {
		margin-left: 35px;
	}

	/*.galleryContainer, .prettyGallery, .gallery {
		display: block;
	}

	.flex-container {
		display: none;
	}*/
}

@media only screen and (max-width: 340px) {
	#header-text {
		font-size: 3rem;
	}
}