.mainos-iso-section {
    padding-top: 0rem;
}
.promot-section {
    padding-top: 2rem;
}

/*logo*/
.site-header__logo img {
    max-height: 70px;
}

/*Slogan*/

.sivu1 #showcase h2 {
	margin-bottom: -1rem;
}

.slogan {
	text-transform: uppercase;
	background: var(--color3);
	color: var(--color4);
	font-family: "jaf-domus-titling-web", sans-serif;
	font-size: 3rem;
	padding: 0 1rem 1rem;
	opacity: 0;
	animation: opaFade 1s ease 1.5s forwards;
}

@keyframes opaFade {
    from {
		opacity: 0;
    }
    to {
		opacity: 1;
	}
}

/*ikoni kuvan filtteröinti*/
.tarjous img, .auki img {
	filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(102%) contrast(102%);
}

/*Main-content tausta*/

#main-content {
    position: relative;
	padding-bottom: 10rem;
}

#main-content::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("../../media/tiedostot/kluuvi-siluetti.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    opacity: 1; 
    pointer-events: none; 
    z-index: 0;
}

/*välilehdet*/
body:not(.sivu1) #showcase .hero-slider__text-content {
	max-width: none;
}
.hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

/*media*/

@media (max-width: 1499px) {
	.slogan {
		font-size: 2.5rem;
	}
}

@media (max-width: 1299px) {
	.slogan {
		font-size: 2.25rem;
	}
}

@media (max-width: 767px) {
	.site-header__logo img {
    	max-height: 50px;
	}
	#main-content {
		padding-bottom: 5rem;
	}
}

@media (max-width: 575px) {
	.slogan {
		font-size: 1.5rem;
	}
	#main-content {
		padding-bottom: 3rem;
	}
}

@media (max-width: 420px) {
	.slogan {
		font-size: 1.25rem;
	}
}