/*=========MOBILE LANDSCAPE STYLES============*/

@media screen and (min-width: 480px) {

	/*START HEADER SECTION STYLES*/
		/*START LOGO HEADER STYLES*/
			.header-logo {
				top: 25px;
				left: 25px;
			}
		/*END LOGO HEADER STYLES*/
	/*END HEADER SECTION STYLES*/

	/*START LANDING SECTION STYLES*/
		.header-gradient {
			width: 100vw;
			height: auto;
		}

		.photo-credit {
			transform: translateY(50px);
			opacity: 0.75;
		}
	/*END LANDING SECTION STYLES*/

	/*START CAPACITIES SECTION STYLES*/
		.capacities-bg-img {
			width: 150vw;
			height: auto;
			transform: translateX(-10%);
		}
	/*END CAPACITIES SECTION STYLES*/

	/*START GALLERY SECTION STYLES*/

		.albums-container {
			position: relative;
			display: block;
			width: 100vw;
			height: calc(88vw + 88px);
			margin-top: 30px;
		}

		.album-cover {
			width: calc(42vw - 8px);
			height: calc(22vw - 8px);
			margin-bottom: 22px;
			transition: all 0.2s ease-out;
		}

		.album-item.front {
			position: relative;
			width: calc(42vw - 8px);
			height: calc(22vw - 8px);
			overflow: hidden !important;
		}

		.album-wrapper {
			position: relative;
			width: calc(42vw - 8px);
			height: calc(22vw - 8px);
			overflow: hidden !important;
		}

		.album-title {
			margin-top: calc((22vw - 8px)/2);
			font-size: 1em;
			letter-spacing: 0.05em;
			transform: translateY(-50%);
			text-shadow: 0 0 2px rgba(0,0,0,0.9);
		}

		 .gradient-overlay {
		 	width: 42vw;
		 	height: 200%;
		 	transform: translateY(-25%);
		 }

		 .album-img.landscape {
		 	width: 105%;
		 	height: auto;
		 	transform: translateY(-20%);
		 }

		 .album-img.portrait {
		 	width: 105%;
		 	height: auto;
		 	transform: translateY(-20%);
		 }

		 .album-img.bandshell-album.portrait {
		 	transform: translateY(-30%);
		 }
	/*END GALLERY SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-map {
			transform: translateX(0) translateY(-230px);
		}

		.contact-tooltip {
			margin-left: 125px;
		}
	/*END CONTACT SECTION STYLES*/

	/*START INSTAGRAM FOOTER STYLES*/
		.instagram-feed {
			height: 12.5vw;
		}

		.instagram-link {
			height: 12.5vw;
			height: 12.5vw;
		}

		.instagram-img {
			width: 12.5vw;
			height: 12.5vw;
		}
	/*END INSTAGRAM FOOTER STYLES*/

	/*START FOOTER STYLES*/
		.footer {
			height: 80px;
		}

		.footer-wrapper {
			padding-top: 35px;
			height: calc(100% - 35px);
		}

		.footer-copyright {
			position: relative;
			display: inline-block;
			float: right;
			text-align: right;
			padding-top: 0;
		}

		a.footer-review {
			position: relative;
			display: inline-block;
			float: left;
			text-align: left;
			padding-top: 0;
		}

		.review-icon {
			position: relative;
			display: inline-block;
			width: 12px;
			height: auto;
			padding-right: 3px;
		}
	/*END FOOTER STYLES*/

	/*START MENU OVERLAY STYLES*/
		.menu-overlay {
			overflow-x: hidden;
			overflow-y: auto;
		}

		.overlay-logo {
			top: 25px;
			left: 25px;
		}

		.menu-items {
			margin-top: 30px;
			padding-bottom: 20px;
		}

		.menu-overlay-img {
			bottom: 0;
			width: 100vw;
			height: auto;
			opacity: 0.3;
			transform: translateX(0);
		}
	/*END MENU OVERLAY STYLES*/

	/*START CAPACITIES OVERLAY STYLES*/
		.capacities-overlay-bg-img {
			width: 100vw;
			height: auto;
			transform: translateX(0);
		}
	/*END CAPACITIES OVERLAY STYLES*/

	/*START ALBUM OVERLAY STYLES*/
		.album-overlay-bg-text {
			margin-top: 15px;
			font-size: 9em;
		}
	/*END ALBUM OVERLAY STYLES*/

	/*START LIGHTBOX CONTAINER STYLES*/
		.lightbox-details.details-top-right {
			top: 30px;
			transition: all 0.2s ease-out;
		}

		.lightbox-details.details-bottom-left {
			position: absolute;
			bottom: 50px;
			left: 0;
			margin-left: 20vw;
			width: calc(70vw * 0.45);
			height: calc(10vh - 50px);
		}

		.lightbox-details.details-bottom-right {
			position: absolute;
			bottom: 50px;
			left: auto;
			right: 0;
			margin-right: 20vw;
			max-width: calc(70vw * 0.35);
			width: auto;
			height: calc(10vh - 50px);
		}

		.album-text {
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			text-transform: uppercase;
			letter-spacing: 0.2em;
		}


		.lightbox-caption {
			position: relative;
			float: left;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			letter-spacing: 0;
		}

		.lightbox-album {
			position: relative;
			width: 100%;
		}

		.album-icon {
			position: relative;
			display: inline-block;
			float: left;
			width: 10px;
			height: auto;
			margin-right: 8px;
			transform: translateY(-1);
		}

		.album-text {
			position: relative;
			display: inline-block;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			line-height: 1.2em;
			text-transform: uppercase;
			letter-spacing: 0.125em;
			width: auto;
			max-width: 95%;
			float: right;
		}
	/*END LIGHTBOX CONTAINER STYLES*/

	/*START LIGHTBOX ANIMATION STYLES*/
		.lightbox-img {
		    max-width: 65vw;
		    max-height: 65vh;
		    width: auto;
		    height: auto;
		}
	/*END LIGHTBOX ANIMATION STYLES*/
}