/* ----- responsive ----- */
@media only screen and (max-width: 568px) {
	.menubar {
		height: 84px;
		box-shadow: 0 0 0 0 transparent;
	}
	.menubar_logo {
		height: 84px;
		background-position: top center;
		background-image: url('../img/ec_logo_top_transparent_24bit_02.png');
		background-size: 84px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.slogan {
		font-size: 44px;
		text-align: center;
		width: 90%;
		bottom: 18px;
		margin-left: -45%;
	}
	h1 {
		font-family: 'Nexa XBold';
		font-size: 48px;
	}
	.cta {
		height: 330px !important;
		box-shadow: inset 0 0px 30px 20px #000;
	}
	.cta_top {
		background-image: url('../img/ec_purple_seats_7.jpg');
		background-position: center -45px;
		background-size: 1680px;
		height: 328px;
		/*background-position: top -0px center;*/
	}
	#cta_2, #cta_confirm_container_2 {
		box-shadow: 0px -6px 20px 12px #000 !important;
	}
	#slogan_0 {
		padding-top: 100px !important;
		padding-bottom: 8px;
	}
	#slogan_1, #slogan_2, #slogan_3, #slogan_4, #slogan_99 {
		background-size: 1280px;
		height: 250px;
		/*height: 305px;*/
	}
	#slogan_3 {
		box-shadow: inset 0px -40px 100px 50px #000;		/*height: 328px;*/
	}
	#slogan_4 {
		background-position: top center -100px;
	}
	.slogan_container {
		box-shadow: 0px 0px 32px 0px #000;		/*height: 328px;*/
		/*box-shadow: 0 0 0 0 transparent;	*/
	}
	.benefit {
		font-size: 10px;
		padding-top: 25px;
		padding-bottom: 20px;
	}
	.benefit-large {
		font-family: "Nexa Regular";
		font-size: 24px !important;
	}
	.benefit-center {
		padding-top: 0px !important;
	}
	.credits_block_container {
		height: 0px;
	}
	#credits_block_0 {
		height: 32px !important;
	}
	.footer {
		font-size: 6px;
	}
	#slogan_9 {
		background-size: 568px;
		height: 213px;
	}
	#slogan_10 {
		height: 100px;
	}
	.form-input-text {
		clear: both !important;
		float: none !important;
		font-family: 'Nexa Regular';
		font-size: 20px;
		margin-top: 0px;
		margin-bottom: 14px;
		padding: 12px 10px 5px 10px;
	}
	.form-submit-button {
		clear: both !important;
		float: none !important;
		font-family: 'Nexa Regular';
		line-height: 32px;
		font-size: 20px;
		margin-top: 0px;
		margin-bottom: 14px;
		padding: 8px 10px 2px 10px;
	}
	.learn-more {
		visibility: hidden;
	}
	.fa-icons {
		font-size: 48px;
	}
	.share-twitter  {color: #5ec8e8; }
	.share-facebook { color: #5d73a1; }
	.share-google   { color: #ca4c4c; }
	.share-linkedin { color: #0274b3; }
	.share-tumblr   { color: #34506b; }


}
@media only screen and (min-width: 568px) and (max-width: 719px) {
	.benefit {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.cta {
		height: 330px !important;
	}
	.benefit-large {
		font-family: "Nexa Regular";
		font-size: 20px !important;
	}
}
@media only screen and (max-width: 567px) {
	.cta {
		height: 330px !important;
	}
	.benefit {
		font-size: 15px;
	}
	.benefit-large {
		font-family: "Nexa Regular";
		font-size: 20px !important;
	}
	.slogan {
		font-size: 36px;
	}
	.footer {
		font-size: 7px;
		width: 70%;
		padding: 5% 15% 5% 15%;
	}
	#slogan_1, #slogan_2, #slogan_3, #slogan_4, #slogan_99 {
		background-size: 1024px;
		height: 200px;
		/*height: 305px;*/
	}
	#slogan_10 {
		height: 132px;
	}
	#slogan_9 {
		background-size: 427px;
		height: 160px;
	}
}
@media only screen and (max-width: 480px) {
	.benefit-large {
		font-family: "Nexa Regular";
		font-size: 18px !important;
	}
	.benefit {
		font-size: 10px;
	}
}
@media only screen and (max-width: 479px) {
	.cta {
		height: 480px !important;
	}
	.benefit {
		font-size: 15px;
	}
	.fa-icons {
		font-size: 36px;
	}
}