.content3 {
    margin-bottom: 0;
}
a.btn {
    font-family: var(--fontheading);
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 10px 5px 10px;
}

h1, h2, h3, h4 {
    margin-bottom: 1rem;
    font-weight: bold;
	text-transform: uppercase;
}

.paivan h2 {
    margin-bottom: -2rem;
}

.lounaslist h2 {
    margin-bottom: -2rem;
}

body:not(.sivu1) .paivan h2 {
	display:none;
}

body:not(.sivu29) .lounaslist h2 {
	display:none;
}

.col-md-4.nostoa {
    background: var(--color1);
    margin: 10px;
    padding: 50px;   
    max-width: 31.6%;
	box-shadow: 0 0 10px rgb(0 0 0 / 8%);
	border-radius:10px;
}
.nostoa a:hover {
	color:#fff !important;
}
a {
    color: var(--color3);
}

.sivu41 .editor-content__col {
    margin-bottom: 1rem;
}
.mr-1 p {
    margin-bottom: 0;
}

.logot {
    margin-top: 50px;
}
.desktop-main-menu a {
    font-size: 1rem;
    white-space: nowrap;
    font-family: var(--fontheading);
    font-weight: bold;
	text-transform: uppercase;
}
.desktop-main-menu li.current > a, .desktop-main-menu a:hover {
    font-weight: bold;
    color: var(--color1);
}
#header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
}

.hero-slider__item {
    height: 40vh;
    position: relative;
}

.hero-slider__text-content_inner a.btn {
    font-size: 1.2rem;
	margin-bottom:5px;
}
.sivu1 .hero-slider__item {
    height: 80vh;
}
.content3 .contentlist .contentlist__item-content {
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
	border-radius:10px;
}
.hero-slider__text-content h2, .hero-slider__text-content h1, .hero-slider__text-content h3 {
	color:#fff !important;
	 text-shadow: 0 0 5px #000;
}
.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, .button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus {
    color: var(--color2);
    border-color: var(--color3);
    background-color: var(--color3);
}
.button1 #section-primary .btn-switcher-primary:hover, .button1 #section-primary .btn-switcher-primary:focus, .button1 #content-top .btn-switcher-primary:hover, .button1 #content-top .btn-switcher-primary:focus, .button3 #section-primary .btn-switcher-primary:hover, .button3 #section-primary .btn-switcher-primary:focus, .button3 #content-top .btn-switcher-primary:hover, .button3 #content-top .btn-switcher-primary:focus {
    color: var(--color2);
    border-color: var(--color2);
    background-color: var(--color1);
}

.sivu1 #main-before {
    max-width: 35%;
    margin: auto;
    margin-top: -118px;
    position: relative;
    z-index: 2;
	box-shadow: 0 0 10px rgb(0 0 0 / 6%);
	border-radius:10px;
	color: var(--color3);
    font-size: 1.2rem;
}

#main-before .content-section {
    padding: 3rem 2rem !important;
}
#main-before  .editor-content__col {
    margin-bottom: 2rem;
}
#main-content .button1 .btn-switcher-primary, #main-content .button3 .btn-switcher-primary {
    color: var(--color4);
    border-color: var(--color3) !important;
    background-color: var(--color3) !important;
}

.hero-slider__item .hero-slider__text-content {
    padding: 12rem 2rem 10rem 2rem;
}
#main-after .hero-slider__item {
    height: 60vh !important;
}
.hero-slider__text-content p {
    font-size: 1.2rem;
    text-shadow: 0 0 5px #000;
    font-weight: bold;
}
.hero-slider__text-content p a {
	text-shadow:none;
}
body:not(.sivu1) .hero-slider__text-content {
    padding: 12rem 2rem 10rem 2rem;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    z-index: 9999 !important;
}
.flex-container .productbox {
    padding: 30px !important;
}
a.green-button {
    background-color: #62bb21 !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
	text-decoration:none !important
}
a.green-button:hover {
    background-color: #003794 !important;
}
.sivu48 .flex-container .productbox {
    width: 100% !important;
}
.sivu48 .flex-container img.productimg {
    max-width: 75% !important;
}
#bottom .editor-content__col {
    margin-bottom: 1rem;
}
.mm-spn.mm-spn--light {
    color: #444;
    background: var(--color1);
}
.mobile-menu a {
    color: var(--color3);
    font-weight: bold;
    text-transform: uppercase;
}
.editor a {
    font-weight: bold;
    text-decoration: none;
}
.editor a:hover {
     color:var(--color1);
	 text-decoration: none;
}
.sivu50 #main-content {
	background: var(--color3);
    color: var(--color2);
}
.sivu50 #content-bottom {
    background: var(--color1);
    color: var(--color2);
}
.sivu50 #content-bottom h2 {
    color: var(--color2);
}
.site-header__logo img {
    max-width: 200px;
}
.site-footer .editor a:hover {
    color: var(--color3);
    text-decoration: none;
}

.sivu1 #main-before .col-md-4 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100% !important;
}
.site-header__top .btn {
    font-size: 1.275rem !important;
}

.sivu29 #content-bottom {
    background: #67DC01;
	color: #023894;
}
.sivu29 #content-bottom h2 {
    color: #023894;
}

.content3 {
    margin-bottom: 0 !important;
}

.button1 .btn-switcher-primary, .button3 .btn-switcher-primary {
    color: var(--color3);
}
.site-footer {
    padding: 4rem 0 3rem 0;
}

@media (min-width: 1300px) {
	
}
#mobile-buttons {z-index:9000 !important;}

@media (max-width: 1280px) {
	.col-md-4.nostoa {
		background: var(--color1);
		margin: 10px;
		padding: 30px;
		max-width: 30%; 
	}
	.sivu1 #main-before {
    	max-width: 45%;
	}
	.sivu1 #main-before .editor-content__col {
    	margin-bottom: 2rem;
	}
}
@media (max-width: 991px) {
	.col-md-4.nostoa {
		background: var(--color1);
		margin: 10px;
		padding: 30px;
		max-width: 30%; 
	}
	.sivu1 #main-before {
    	max-width: 60%;
		margin-top:-70px;
	}
	.content-section {
		margin-bottom: 0rem;
		padding: 3rem 1rem 0 1rem;
	}
	
}
@media (min-width: 992px) {
	.nav-logocenter .site-header__logo {
		position: absolute;
		max-width: 200px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 5px;
	}
	.sivu29 #content-bottom .content-section {
		max-width:60%;
		margin:0 auto;
	}
}


@media (max-width: 767.98px) {
	.content3 .contentlist .contentlist__item-content {
		box-shadow: none;
	}
	.flex-container img.productimg {
    	max-width: 100% !important;
	}
	.col-md-4.nostoa {
		padding: 20px;
		max-width: 30%;
	}
	.content3 .contentlist .contentlist__item-img-holder, .content4 .contentlist .contentlist__item-img-holder {
    	padding-bottom: 100%;
	}
	.sivu45 .hero-slider__bg-image, .sivu48 .hero-slider__bg-image, .sivu49 .hero-slider__bg-image, .sivu31 .hero-slider__bg-image {
	    object-position: right center !important;
	}
	.content3 {
		margin-bottom: 70px !important;
	}
	.col-md-4.nostoa {
		background: var(--color1);
		margin: 10px;
		padding: 25px;
		max-width: 95%;
		box-shadow: 0 0 10px rgb(0 0 0 / 8%);
	}
	.sivu1 #main-before {
    	max-width: 70%;
	}
	
}


@media (max-width: 575.98px) {
	
	.hero-slider__item .hero-slider__text-content {
    	padding: 0;
	}
	.sivu1 .hero-slider__bg-image {
		object-position: 15% 100% !important;
	}
	.sivu1 .hero-slider__item {
		height: 50vh;
	}
	.btn-switcher-highlight:hover, .btn-switcher-highlight:focus {
		background-color: var(--color3);
		color: var(--color4);
	}
	.site-header__logo img {
		max-width: 75px;
	}
	#mobile-buttons a {
		text-align: center;
		margin: 0 2px;
		padding: 5px;
		line-height: 14px;
	}
	#mobile-buttons a span {
		font-size: 10px;
		display: block;
	}
	#mobile-buttons {
		left: 23%;
		right: 50px;
	}
	#main-before {
    	margin-top: 0px;
	}
	.site-footer {
		padding: 2rem 0 1rem 0;
	}
	.sivu1 #main-before {
    	max-width: 90%;
		font-size:1.1rem;
	}
}

@media (max-width: 380px) {
	.sivu1 #main-before {
			max-width: 85%;
			font-size:1rem;
		}
	}
	#main-before .content-section {
		padding: 2rem 1rem;
	}
}