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

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

	/*START PRE-MAIN-CONTENT STYLES*/
		/*START NAV MENU STYLES*/
			/*START MENU OVERLAY STYLES*/
				.menu-overlay {
					padding-top: 0;
				}

				/*START MENU NAV BAR STYLES*/
					.menu-nav-bar-container {
						position: absolute;
						margin-top: 31px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-1 {
						margin-top: 31px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-2 {
						margin-top: 94px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-3 {
						margin-top: 158px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-4 {
						margin-top: 220px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-5 {
						margin-top: 283px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar {
						left: -60px;
					}

					.menu-nav-bar-block {
						position: absolute;
						left: 110px;
						width: 60px;
						height: 40px;
					}
				/*END MENU NAV BAR STYLES*/

				/*START MENU NAV ITEM+NUMBER STYLES*/
					.menu-nav-numbers {
						position: absolute;
						margin-left: 117px;
						margin-top: 20px;
					}

					.menu-nav-items {
						padding-left: 20px;
						margin-left: 185px;
						margin-top: 16px;
					}
				/*END MENU NAV ITEM+NUMBER STYLES*/
			/*END MENU OVERLAY STYLES*/
		/*END NAV MENU STYLES*/

		/*START CONTACT OVERLAY STYLES*/
			.contact-overlay {
				overflow-x: hidden !important;
				overflow-y: auto !important;
			}

			#h2 {
				margin-top: 31px;
			}

			.contact-form {
				width: 70vw;
				height: 100vh;
				padding-left: 0;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 20px;
			}
		/*END CONTACT OVERLAY STYLES*/
	/*END PRE-MAIN-CONTENT STYLES*/

	/*START LANDING CONTAINER STYLES*/

		.landing-container {
			height: 110vh;
		}

		.bg-container {
			height: 110vh;
		}

		.landing-border {
			height: 110vh;
		}

		.landing-bg-img {
			/*width: 253vh;*/
			width: 142vw;
			height: auto;
			/*transform: translateX(-80px);*/
			transform: translateX(-8.4%);
			transition: all 0.2s ease-out;
		}

		.landing-rect {
			width: 270px;
			height: calc(100vh - 30px);
			left: calc(100vw - 320px);
			right: 30px;
		}

		.landing-dot-grid {
			width: 56vw;
			height: calc(110vh - 150px);
			margin: 0;
			right: 0;
			margin-top: 150px;
		}

		.landing-text-container {
			position: absolute;
			width: 250px;
			top: 0;
			margin: 0;
			right: 40px;
		}

		.header-text {
			font-size: 3.5em;
			padding-top: 60px;
		}

		.subheader-text {
			font-size: 1.5em;
			padding-top: 15px;
		}

		.subheader-list {
			font-size: 1.5em;
			margin-top: 40px;
			padding-left: 15px;
		}

		.landing-icons-container {
			position: absolute;
			right: 320px;
			margin-top: 165px;
			z-index: 100;
			transform: scale(0.85);
		}

		.landing-icon {
			width: 60px;
			height: 60px;
			border-radius: 100%;
			overflow: hidden;
			display: block;
			cursor: pointer;
			box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
		}

		.landing-icon-img {
			width: 25px;
			height: auto;
			margin-left: 18px;
		}

		.landing-icon-img-hl {
			width: 25px;
			height: auto;
			margin-left: 18px;
		}

		.contact-icon {
			margin-bottom: 25px;
			background: #333;
			transition: all 0.3s ease-out;
		}

		.contact-icon:hover {
			background: #ffffff;
			transition: all 0.3s ease-out;
		}

		.contact-icon-img {
			margin-top: 22px;
			transition: all 0.3s ease-out;
		}

		.contact-icon-img-hl {
			position: absolute;
			margin-top: 22px;
			opacity: 0;
			transition: all 0.3s ease-out;
		}

		.contact-icon:hover > .contact-icon-img-hl {
			opacity: 1;
			transition: all 0.3s ease-out;
		}

		.listen-icon {
			background: rgb(80, 227, 194);
		}

		.listen-icon:hover {
			background: #ffffff;
			transition: all 0.3s ease-out;
		}

		.listen-icon-img {
			margin-top: 18.6px;
		}

		.listen-icon-img-hl {
			position: absolute;
			margin-top: 18.6px;
			opacity: 0;
			transition: all 0.3s ease-out;
		}

		.listen-icon:hover > .listen-icon-img-hl {
			opacity: 1;
			transition: all 0.3s ease-out;
		}
	/*END LANDING CONTAINER STYLES*/


	/*START AUDIO-VIDEO CONTAINER STYLES*/
		.audio-video-container {
			position: relative;
			width: 100vw;
			height: auto;
			margin-top: 70px;
		}

		/*START A/V BG STYLES*/
			.av-tracks-slashes {
				position: absolute;
				top: 0;
				left: 20vw;
				width: 80vw;
				height: 200px;
				z-index: 0;
				overflow: hidden;
			}

			.av-videos-slashes {
				position: absolute;
				top: 0;
				right: 20vw;
				width: 80vw;
				height: 200px;
				margin-top: 463px;
				z-index: 0;
				overflow: hidden;
			}

			.main-slashes {
				position: absolute;
				margin-top: 20px;
				width: 145vw;
				height: auto;
			}

			.av-dot-grid-01 {
				position: absolute;
				z-index: -2;
				right: 0;
				background-image: url('../img/dot-unit.svg');
				background-size: 25px;
				opacity: 0.55;
				width: 87vw;
				height: 400px;
				margin-top: -50px;
			}

			.av-dot-grid-02 {
				left: 0;
				width: 87vw;
				height: 500px;
				margin-top: 440px;
			}

			.av-color-block-01 {
				height: 350px;
				left: 0;
			}

			.av-color-block-02 {
				width: 65vw;
				height: 370px;
				right: 0;
				margin-top: 430px;
			}

			.tracks-bg-text {
				margin-left: -20px;
			}

			.videos-bg-text {
				margin-top: 250px;
			}
		/*END A/V BG STYLES*/

		/*START AUDIO CONTAINER STYLES*/
			.tracks-container {
				position: relative;
				display: inline-block;
				width: calc(100vw - 100px);
				margin: 0;
				margin-left: 50px;
				margin-top: 50px;
				margin-bottom: 20px;
				font-family: 'proxima-nova', sans-serif;
			}

			.tracks-wrapper {
				position: relative;
				width: 100%;
				margin: 0;
				padding-bottom: 20px;
				background: #d8d8d8;
				box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
			}

			.tracks-list {
			  width: 100%;
			  margin: 0;
			  margin-left: 0;
			  margin-top: 10px;
			  font-family: 'proxima-nova', sans-serif;
			}

			.track {
			  font-family: 'proxima-nova', sans-serif;
			  width: 100%;
			  padding: 15px 10px;
			  padding-left: 30px;
			  font-weight: 300;
			  font-size: 1em;
			  color: #555;
			  cursor: pointer;
			  transition: all 0.4s ease-out;
			  margin-bottom: 0;
			}

			.track.active {
			  font-weight: 700;
			  transition: all 0.2s ease-out;
			  box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
			}

			.song-title-li {
				text-transform: capitalize;
			}

			.float-left {
			  display: inline-block;
			  float: left;
			  width: 30px;
			  height: 25px;
			  margin-top: -2px;
			}

			.player-bars {
			  display: inline-block;
			  width: 15px;
			  height: 15px;
			  overflow: hidden;
			  margin-right: 8px;
			  margin-left: 5px;
			  transition: all 0.3s ease-out;
			}

			.player-bars img {
			  width: 15px;
			  height: 15px;
			  margin-top: 16px;
			  -webkit-filter: invert(60%);
			  filter: invert(60%);
			  opacity: 0.95;
			  transition: all 0.3s ease-out;
			}

			.player-bars.active > img {
			  margin-top: 0;
			  transition: all 0.3s ease-out;
			}

			.float-right {
			  float: right;
			  width: 80px;
			  margin-right: 30px;
			}

			.spotify-icon {
			  display: inline-block;
			  float: left;
			  cursor: pointer;
			  margin-right: 20px;
			}

			.spotify-icon img {
			  width: 20px;
			  height: 20px;
			}

			.track-duration {
			  font-size: 1em;
			}
		/*END AUDIO CONTAINER STYLES*/


		/*START VIDEO CONTAINER STYLES*/
			.videos-container {
				position: relative;
				width: calc(100vw - 100px);
				margin: 0;
				margin-left: 50px;
				margin-top: 90px;
				margin-bottom: 20px;
			}

			.video-thumbs-frame {
				position: relative;
				margin: 0 auto;
				width: 100%;
				height: 340px;
				-webkit-perspective: 300px;
				perspective: 300px;
			}

			.video-thumbs {
				width: 1700px;
				height: 335px;
				margin-top: 25px;
			}

			.video-thumbs.position-0 {
				transform: translateX(0) translateZ(0);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.video-thumbs.position-1 {
				transform: translateX(-320px) translateZ(0);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.video-thumbs.position-2 {
				transform: translateX(-640px) translateZ(0);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.video-thumbs.position-3 {
				transform: translateX(-960px) translateZ(0);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.video-thumb {
				margin-left: 60px;
				transform: translateX(0) translateZ(-50px);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.video-thumb:first-child {
				margin-left: calc((100vw - 300px)/2);
			}

			.video-thumb.active {
				transform: translateX(-7px) translateZ(30px);
				transform-style: preserve-3d !important;
				transition: all 0.2s ease-out;
			}

			.first-clone {
				position: absolute;
				left: -320px;
			}
		/*END VIDEO CONTAINER STYLES*/		
	/*END AUDIO-VIDEO CONTAINER STYLES*/


	/*START ABOUT CONTAINER STYLES*/
		.about-container {
			height: 440px;
			margin-top: 80px;
		}

		.about-dot-grid {
			width: 50vw;
			height: calc(100vh - 140px);
			margin: 0;
			right: 0;
			margin-top: 220px;
		}

		.about-bg-text-container {
			margin-top: -60px;
		}

		.about-content-wrapper {
			position: relative;
			width: 85vw;
			height: auto;
			padding-top: 90px;
		}

		.about-header {
			font-size: 4em;
			margin-left: 25px;
		}

		.about-content {
			margin-left: 25px;
			font-size: 1.1em;
			line-height: 1.4em;
		}

		.about-content p {
			margin-top: 20px;
		}
	/*END ABOUT CONTAINER STYLES*/

	/*START EVENTS CONTAINER STYLES*/
		.event-placeholder {
			margin-top: 20px;
			width: 79vw;
			font-size: 1.1em;
			line-height: 1.4em;
		}

		.event-item-card {
			height: 530px;
		}
	/*END EVENTS CONTAINER STYLES*/

	/*START CONNECT CONTAINER STYLES*/
		.connect-container {
			margin-top: 90px;
		}

		/*.connect-slashes {
			position: absolute;
			top: 0;
			left: 30vw;
			width: 80vw;
			height: 200px;
			z-index: 0;
			overflow: hidden;
			margin-top: 122px;
		}

		.connect-dot-grid {
			left: 0;
			width: 55vw;
			height: 330px;
			margin-top: 80px;
		}

		.connect-color-block {
			width: 80vw;
			height: 160px;
			left: 0;
			margin-top: 60px;
		}

		.connect-bg-text-container {
			margin-top: -50px;
			overflow-x: hidden !important;
		}

		.connect-bg-text {
			margin-left: -20px;
		}

		.connect-content-wrapper {
			position: relative;
			display: block;
			margin: 0 auto;
			padding-top: 150px;
		}

		.connect-header {
			font-size: 4em;
		}*/

		.social-links {
			position: relative;
			display: inline-block;
			overflow: hidden;
		}

		.left-links {
			width: 45vw;
		}

		.social-link {
			font-size: 2em;
			transition: all 0.2s ease-out;
		}
	/*END CONNECT CONTAINER STYLES*/

	/*START INSTAGRAM FOOTER STYLES*/
		.instagram-footer {
			position: relative;
			margin-top: 75px;
			width: 100vw;
			overflow-x: hidden;
		}

		.instagram-feed {
			height: 12.5vw;
		}

		.instagram-link {
			position: relative;
			display: inline-block;
			width: 12.5vw;
			height: 12.5vw;
		}

		.instagram-img {
			position: relative;
			display: inline-block;
			width: 12.5vw;
			height: 12.5vw;
		}
	/*END INSTAGRAM FOOTER STYLES*/

	/*START FOOTER STYLES*/
		.footer-wrapper {
			position: relative;
			margin: 0 auto;
			width: 90vw;
			height: 100%;
		}

		.footer-links {
			position: relative;
			display: inline-block;
			float: left;
			width: 400px;
			margin: 0 auto;
			z-index: 340;
			padding-top: 27px;
		}

		.footer-link {
			position: relative;
			display: inline-block;
			margin-right: 15px;
			cursor: pointer;
			opacity: 0.85;
			transition: all 0.2s ease-out;
		}

		.footer-link-img {
			width: 30px;
			height: auto;
		}

		.footer-steemit-link > .footer-link-img {
			width: 25px;
			height: auto;
		}

		.footer-copyright {
			text-transform: uppercase;
			opacity: 0.65;
			font-size: 0.85em;
			letter-spacing: 0.02em;
			text-align: right;
			padding-top: 31px;
		}
	/*END FOOTER STYLES*/

}