#kitdigital_hero {
	/*border: 1px solid red;*/
}
#kitdigital_hero_container {
	display: flex;
	flex-direction: column;
}
#kitdigital_hero_content {
    background-image: url("/assets/images/web/default/bands/kitdigital_hero/kitdigital_opacity.png");
    background-repeat: no-repeat;
	/*border: 1px solid blue;*/
}
#kitdigital_hero_image {
	display: flex;
	justify-content: center;
}
#kitdigital_hero_image img {
	max-width: 95%;
}
#kitdigital_hero_title h1 {
	margin-top: 50px;
	text-align: center;
	font-size: clamp(3rem, 5vw, 6rem);
	font-weight: 600;
	color: var(--primary-color);
	/*border: solid 1px green;*/
}
#kitdigital_hero_main_title p {
	color: var(--our-grey-color);
	font-size: 2.0rem;
	text-align: center;
}
#kitdigital_hero_subtitle {
	margin: 50px 0;
	color: var(--our-grey-color);
	text-align: center;
	font-size: 5.0rem;
	font-weight: 300;
}
#kitdigital_hero_subtitle span {
	color: var(--our-black-color);
	font-weight: bold;
}

#kitdigital_hero_button {
	margin: 30px 0;
	display: flex;
	justify-content: center;
	text-align: center;
}
#kitdigital_hero_button a {
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	background-color:  var(--primary-color);
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
}
#kitdigital_hero_button a:hover {
	text-decoration: underline;
}

@media all and (min-width: 650px) {
	#kitdigital_hero_button {
		margin: 50px 0;
	}
}
@media all and (min-width: 900px) {
	#kitdigital_hero_content {
		/*height: 600px;*/
		background-size: contain;
	}
	#kitdigital_hero_image {
		justify-content: flex-end;
		margin-right: 30px;
	}


	#kitdigital_hero_button {
		margin: 50px 0;
	}
	#kitdigital_hero_button a {
		padding: 10px 30px;
		font-size: 2em;
	}
}
@media all and (min-width: 1200px) {
}