/* Fontit */

#showcase h1, #showcase h2 {
    font-family: 'Style Script', sans-serif;
    font-weight: 400;
}

#showcase h3 {
    color: var(--color2);
}

h1, h2 {
	font-weight: bold;}
	

	
h3 {
	color: var(--color1);
}


#bottom h4 {
	color: var(--color5);
}

#section-primary h4 {
	color: var(--color4);
}

.pienotsis h2 {
	font-size: 2.5rem;}
	
/* Navi */

.desktop-main-menu a:hover {
	color:#2d794f;
}

/* SHowcase */

#showcase {
	background-color: var(--color1);
}


/* Button */

.btn {
	font-weight: bold;
}	

.btn-switcher-highlight {
    background-color: var(--color1);
}

#section-primary .btn {
	color: var(--color5)!important;
}

/* Sisältöalue */


.content14 .contentlist .contentlist__item-content {
    background-color: var(--color2);
}


/* ECC */

.nosto .editor-content__item {
    background: var(--color2);
	color: var(--color5);
	padding: 2rem;
    height: 100%;
	border-radius: 30px;
}

.nosto h2 {
	color: var(--color1)!important;}

.reffu .editor-content__item {
    background: #2d794f;
	padding-bottom: 1rem;
	height: 100%;
}

.reffu .btn {
	margin-left: 1rem;
}	

.reffu h3 {
	color: white;
	margin-left: 1rem;
	margin-right: 1rem;
}

/* Logot ja sertit */

.logot {
    text-align: center;
    padding: 20px 0; 
}
.logot img {
    max-height: 80px;
    padding: 10px 5px;
    width: auto;
    max-width: 250px;
}
.logot li {
    display: inline-block;
    padding: 0 10px;
    margin: 0;
}
.sertifikaatit img {max-width:200px;}
@media (min-width:992px) {
	.hide-desktop {
		display: none;
	}
}


/* Boksit */

.box2 .boxlist-item__text-holder {
    background-color: #2d794f;
	color: var(--color4);
}

.button1 #content-top .btn-switcher-primary {
	color: var(--color5);}


	
/* Taustat */

#main-after {
	background-color: var(--color1);}
	
	

/* respo */

@media (min-width: 1440px) {
h1, h2 {font-size: 3.8rem;}
}

@media (max-width: 1439.98px) {
h1, h2 {font-size: 3rem;}
}

@media (min-width: 1200px) {
#showcase h2 {
	font-size: 4rem;}

.sivu1 #showcase h2 {
	font-size: 7rem;}
	
}

@media (max-width: 1199px) {

h1, h2 {font-size: 3rem;}

#showcase h2 {
	font-size: 3rem;}
	
.sivu1 #showcase h2 {
	font-size: 4.5rem;}	

.pienotsis h2 {
	font-size: 1.8rem;}
}	





@media (max-width: 991.98px) {
   h1, h2 {
        font-size: 2.5rem;
    }
#main-content {
	background-color: var(--color2);}

#main-content .contentlist__item-content {
    background-color: var(--color2)!important;
}
	
}

@media (max-width: 767.98px) {
    .content11 .contentlist .contentlist__item-content, .content12 .contentlist .contentlist__item-content, .content13 .contentlist .contentlist__item-content, .content14 .contentlist .contentlist__item-content, .content15 .contentlist .contentlist__item-content {
        padding: 1.5rem 1rem !important;
    }
}

@media (max-width: 991.98px) {
   h1, h2 {
        font-size: 2rem;
    }
}