/*Bacardi Styles*/

		.intro-bg {
			background: url(../img/1920bg.jpg) center no-repeat;
			background-size: cover;
		}

		.play:after {
			top: 43%;
		}

		.story {
			height: 320px;
		}

		.quote-author {
			width: 70%;
		}

		@media only screen and (max-width : 800px) {
			.right, .left {
				width: 100%;
			}

			.nav-circle {
				display: none;
			}

			.stry img {
				height: 400px;
			}

			.story{
				width: 500px;
				height: 76%;
			}

			.story h1 {
				font-size: 2em;
			}

			.story p {
				font-size: .8em;
				line-height: 20px;
			}

			.quot img {
				height: 450px;
			}

			.quote {
				width: 75%;
				top: -5%;
				font-size: 1.1em;
				line-height: 26px;
			}

			.mark {
				margin-left: -26px;
			}

			.location, .contact {
				font-size: 1.25em;
				width: 100%;
				padding: 65px 0 0 80px;

			}

			.copyright {
				font-size: 1em;
				clear: both;
				text-align: left;
				padding: 80px 0 30px 80px;

			}

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

				.quote {
				top: -10%;
				font-size: 1em;
				line-height: 22px;

			}

			.quot img {
				height: 400px;
			}

			}


			@media only screen and (max-width : 480px) {
				.intro-text h1 {
					font-size: 1.8em;

				}


				.play:after {
  				top: 39%;
			}

			.play {
				font-size: 1em;
				width: 100%;
				text-align: center;
				margin-left: -40px;
				letter-spacing: 1px;
			}

			.story {
				width: 370px;
				height: 71%;
				text-align: center;
				line-height: 18px;
			}

			.story h2 {
				width: 70%;
				margin: auto;
			}

			.story h1 {
				font-size: 2em;
			}

			.story p {
				font-size: .7em;
				line-height: 17px;
				text-align: center;
				width: 100%;
				margin: auto;
			}

			.quot img {
				height: 280px;
			}

			.quote {
				width: 72%;
				top: -6%;
				font-size: .8em;
				line-height: 20px;

			}

			.mark {
				margin-left: -20px;
			}




			}

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

				.intro-text h1 {
					font-size: 1.5em;
					width: 100%;
				}

				.stry img {
				height: 350px;
			}

				.story {
					width: 76%;
					line-height: 15px;
					height: 81%;
				}

				.story h1 {
					font-size: 1.4em;
				}

				.story h2 {
					width: 100%;
				}

				.story p {
					font-size: .7em;
					line-height: 14px;
				}

				.play:after {
					top: 32%;
				}

				.quot img {
				height: 350px;
				}

				.quote {
				width: 75%;
				top: -32%;
				font-size: .9em;
				line-height: 18px;
				}

				.mark {
				margin-left: -22px;
				}

				.footer {
					font-size: .8em;
				}

				.location, .contact {

				padding: 65px 0 0 30px;

			}

			.copyright {
				clear: both;
				padding: 80px 0 30px 30px;

			}

			}

			@media only screen and (max-width : 320px) {
				.stry img {
					height: 380px;
				}
			}