@charset "utf-8";

/* CSS Document */



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

	h1 {

		/*font-size:72px;*/

	}

	h2 {

		font-size: 40px;

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.boxed-title {

		font-size: 42px;

	}

	.super-title p {

		font-size: 36px;

	}

	.super-title li span.note {
		font-size: 17px;
		padding: 0 20px;
	}

	.video {

		width: 54%;

	}

	.intro-pic {
		display: none;
	}

}



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

	h1 {

		/*font-size:66px;*/

	}

	h2 {

		font-size: 34px;

		padding-top: 32px;

		padding-bottom: 32px
	}

	.boxed-title {

		font-size: 34px;

	}

	.super-title p {

		font-size: 30px;

	}

	.super-title li {

		font-size: 28px;

	}

	.super-title li .soldout {
		font-size: 24px;
	}

	.video {

		width: 70%;

	}

	h3 {

		font-size: 28px;

	}

}



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

	h1 {

		/*font-size:64px;*/

	}

	h2 {

		font-size: 32px;

	}

	.boxed-title {

		font-size: 32px;

	}

	.super-title p {

		font-size: 28px;

	}

	.super-title ul {}

	.super-title li {

		/*display: inline-block !important;*/
		font-size: 22px;
		/*padding: 0 30px;*/
		/*text-shadow: 12px 2px 8px #000;*/
		/*width: 40%;*/
	}

}


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

	.footer-legals p {

		float: none;

		text-align: center;

	}



	.footer-legals .links {

		float: none;

		margin: 14px 0;

		text-align: center;

	}

}



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

	body {

		font-size: 16px;

	}

	h1 {

		font-size: 24px;

	}

	h2 {

		font-size: 28px;

		padding-top: 26px;

		padding-bottom: 26px;

		margin-top: 50px;

		margin-bottom: 40px;

	}

	h3 {

		font-size: 24px;

	}

	.boxed-title {

		font-size: 26px;

	}

	.super-title p {

		font-size: 24px;

	}

	a.button {

		font-size: 22px;

	}

	.wrapper {

		padding-left: 40px;

		padding-right: 40px;

	}

	.video {

		width: 80%;

	}

	.profile-pic {

		width: 100%;

		float: none;

	}

	.profile {

		width: 100%;

		float: none;

	}

}



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

	h1 {

		/*font-size:44px;*/

	}

	h2 {

		font-size: 26px;

		padding-top: 22px;

		padding-bottom: 22px;

		margin-top: 40px;

		margin-bottom: 30px;

	}

	h3 {

		font-size: 20px;

	}

	.boxed-title {

		font-size: 20px;

	}

	.super-title p {

		font-size: 22px;

	}

	.super-title li {

		font-size: 20px;
		padding: 0;
		width: 100%;
	}

	a.button {

		font-size: 20px;

	}

	.when-where h4 {

		font-size: 24px;

		line-height: 26px;

	}

	.when-where p {

		font-size: 20px;

	}

	.wrapper {

		padding-left: 30px;

		padding-right: 30px;

	}

	.video {

		width: 90%;

		margin-top: 20px
	}

}



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

	body {

		font-size: 14px;

	}

	h1 {

		/*font-size:38px;*/

	}

	h2 {

		font-size: 24px;

		padding-top: 16px;

		padding-bottom: 16px;

		margin-top: 30px;

		margin-bottom: 20px;

	}

	.super-title p {

		font-size: 20px;

	}

	a.button {

		font-size: 18px;

	}

	.wrapper {

		padding-left: 20px;

		padding-right: 20px;

	}

}