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

	html {
		font-size: 9px;
	}

}

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

	html {
		font-size: 8px;
	}

	.button {

		&--extra-large {
			padding: 10px 30px;
		}

		&--medium {
			padding: 7px 15px;

			&.trailer-button {
				padding-left: 60px;
			}

		}

	}

}

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

	html {
		font-size: 8px;
	}

	.button {

		&--extra-large {
			padding: 10px 30px;
		}

		&--medium {
			@include font-size(18px);
		}

	}

}

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

	.panels {

		&__links {

			&--learn-more,
			&--create-account,
			&--player-portal {

				.panels__links--text {
					@include font-size(12px);
					@include line-height(12px);
					top: 4.5%;

					strong {
						@include font-size(22px);
					}

				}

			}

			&--learn-more {

				.panels__links--text {
					@include font-size(14px);
					top: 8%;

					strong {
						@include font-size(32px);
					}

				}

			}

			&--button {

				.button {
					padding: 5px 7px;
				}

			}

		}

	}

}

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

	.panels {

		&__links {

			&--learn-more,
			&--create-account,
			&--player-portal {

				.panels__links--text {
					top: 7.5%;

					&--sub-text {
						display: none;
					}

				}

			}

		}

	}

}

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

	.panels {
		padding: 60px 0 30px 0;

		&__wrapper {
			left: 0;
			width: 100%;

			&:after {
				display: none;
			}

		}

		&__links {

			&--item {
				background: image-url('panels/mobile-bottom.png') center center no-repeat;
				bottom: auto;
				display: block;
				height: 103px;
				left: auto;
				opacity: 1;
				position: relative;
				right: auto;
				top: auto;
				width: 100%;

				a {
					display: table;
					padding: 0;
					position: static;
				}

				.panels__links--text {
					@include font-size(16px);

					strong {
						@include font-size(32px);
						font-weight: 700;
					}

				}

			}

			&--text,
			&--button {
				box-sizing: border-box;
				display: table-cell;
				position: static;
				vertical-align: middle;

				.panels__links--item & {
					padding: 0;
					top: auto;
				}

			}

			&--text {
				@include line-height(20px);
				text-align: left;
				width: 60%;

				.panels__links--text--sub-text {
					display: block;
				}

				.panels__links--item & {
					padding-left: 10px;
				}

			}

			&--button {
				text-align: right;
				width: 40%;

				.button {
					box-sizing: border-box;
					display: block;
					@include font-size(24px);
					font-weight: 700;
					padding: 10px;
					text-align: center;
					width: 100%;
				}

				.panels__links--item & {
					padding-right: 10px;
					top: auto;
				}

			}

			&--learn-more,
			&--create-account,
			&--player-portal {

				.panels__links--text {
					@include line-height(22px);
				}

			}

			&--learn-more {

				&.panels__links--item {
					background: image-url('panels/mobile-top.png') center center no-repeat;
					height: 120px;
				}

			}

			&--create-account {

				.panels {

					&__links {

						&--cta {
							display: none;
						}

					}

				}

			}

		}

		&__graphics {

			&--item {
				display: none;
			}

		}

	}

	.rock {
		display: none;
	}

	.separator {
		margin: 30px auto;
	}

	.social-media {

		&__item {
			margin: 10px 15px;

			&--spacer {
				margin: 0;
			}

		}

	}

	.partner-icons {

		&__item {
			margin: 10px 15px;
		}

	}

}

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

	.tagline,
	.footer {
		padding: 0 10px;
	}

	.social-media {

		&__item {

			&--spacer {
				display: block;
			}

		}

	}

}