.main-footer {
	padding: 40px 0 0;

	.container {
		padding: 0;
		max-width: none;
	}
	.subtitle {
		font-family: $font_secondary;
		padding: 0 28px;
		text-align: center;
		font-size: 158px;
		line-height: 158px;
		letter-spacing: 0.07px;
		font-style: italic;
		margin-bottom: 45px;
	}

	.grid {
		width: 100%;
		height: 159px;
		background: url('../img/layout/grid-footer.svg') repeat left top;
		background-size: 29px 29px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.boxGrid {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		overflow: hidden;
		.box {
			position: absolute;
			z-index: 1;
			width: 28px;
			height: 28px;
			background-repeat: no-repeat;
			background-position: left top;
			background-image: url('../img/layout/grid-pink.svg');
			background-size: contain;
			&:nth-child(even) {
				background-image: url('../img/layout/grid-blue.svg');
			}

			&:nth-child(1) {
				top: 0;
				left: 0;
			}
			@for $num from 2 through 60 {
				&:nth-of-type(#{$num}) {
					$numT: random(8) * 29px;
					$numL: random(50) * 29px;
					top: $numT;
					left: $numL;
				}
			}
		}
	}
	.form-playnow {
		position: relative;
		z-index: 50;
	}
	@media (min-width: 375px) {
		// .subtitle {
		// 	font-size: 168px;
		// 	line-height: 168px;
		// 	letter-spacing: 0.07px;
		// }
	}

	@include media-breakpoint-up(md) {
		padding: 90.83px 40px 91.04px;
		.subtitle {
			padding: 0;
			margin: 0 auto;
			font-size: 26vw;
			line-height: 26vw;
			letter-spacing: 0.11px;
		}
		.grid {
			max-width: 1503px;
			height: 157.68px;
			margin: 0 auto;
		}
	}

	@include media-breakpoint-up(xl) {
		padding: 124px 40px 176.78px;
		.container {
			max-width: 1545px;
		}
		.subtitle {
			padding: 0;
			margin: 0 auto;
			font-size: 27vw;
			line-height: 27vw;
		}
		.grid {
			max-width: 1503px;
			height: 280px;
			margin: 0 auto;
		}
	}

	@include media-breakpoint-up(xxl) {
		.subtitle {
			font-size: 26vw;
			line-height: 26vw;
		}
	}

	@include media-breakpoint-up(full) {
		.subtitle {
			font-size: 467px;
			line-height: 467px;
			letter-spacing: 0.19px;
		}
	}
}

@keyframes blink {
	0% {
		color: $color_pink;
	}
	10% {
		color: $color_white;
	}
	50% {
		color: $color_white;
	}
	60% {
		color: $color_pink;
	}
	100% {
		color: $color_pink;
	}
}
