.spc.codeblock {
	padding: 0 !important;
}
.yellow-hero-container .container-fluid {
	padding: 0;
}

@media (min-width: 580px) {
.hero-grey {
  height: 45vw;
  position: relative;
  background: #e8eceb;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}
.hero-yellow {
  height: 45vw;
  position: relative;
  background: #fed435;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}
}
@media (max-width: 579px) {
.hero-grey {
  height: 43vw;
  position: relative;
  background: #e8eceb;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}
.hero-yellow {
  height: 43vw;
  position: relative;
  background: #fed435;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}
}

@media (min-width: 1080px) {
	.ttl-one {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 5vw;
		margin-top: -50px !important;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-two {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 10vw;
		left: 22vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-three {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 29vw;
		left: 18vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-four {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 35vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-five {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 10vw;
		left: 52vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-six {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 29vw;
		left: 48vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-seven {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 65vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-eight {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 10vw;
		left: 84vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-nine {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 29vw;
		left: 78vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
}

@media (min-width: 580px) and (max-width: 1079px) {
	.ttl-one {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 5vw;
		margin-top: -50px !important;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-two {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 22vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-three {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 18vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-four {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 35vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-five {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 52vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-six {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 48vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-seven {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 65vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-eight {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 84vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
	.ttl-nine {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 78vw;
		margin-top: -50px;
		box-shadow: 12px 12px 5px -3px rgba(0,0,0,0.2);
	}
}


@media (max-width: 579px) {
	.ttl-one {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 5vw;
		margin-top: -30px !important;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-two {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 22vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-three {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 18vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-four {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 35vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-five {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 52vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-six {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 48vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-seven {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 20vw;
		left: 65vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-eight {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 14vw;
		left: 84vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
	.ttl-nine {
		height: auto;
		width: 9vw;
		position: absolute;
		top: 30vw;
		left: 78vw;
		margin-top: -30px;
		box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
	}
}