/*
VÄRIT
1 = tumma sininen = #05427B
2 = hiekka = #eae7d4
3 = turkoosi = #2bb6cd
4 = valkoinen = #fff
5 = musta = #272727

hiekka, vaaleampi #f3f1e5
turkoosi, vaaleampi #9BF0FF
tumma sininen, tummempi #1a3061
*/

@font-face {
    font-family: 'SangBleuRepublic';
    src: url('/media/sangbleurepublic-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}



h1, h2, h3, h4, h6,
.fontter a.btn,
.buttonBar a.btn {
	font-family: 'SangBleuRepublic', sans-serif;
	/*400,700,800*/
}

p {
	font-size:1.125rem;
}

h1 {
	font-size:3.5rem;
	margin:0 0 2rem;
}
h2 {
	font-size:3.5rem !important;
	margin:0 0 2rem;
}
h3 {
	font-size:1.75rem;
}
h4 {
	font-size:1.75rem;
	color:var(--color1);
}

h1+.contentlist__item-editor.editor > h3 {
	margin-top:-1rem;
}

h5 {
	text-transform: uppercase;
}

.hero-slider h2 {
	font-size:7rem !important; /*showcase+ala slider*/
}

#main-content h5 {
	color: #c1b2a5;
}

/* NAPPI */
a.btn {
	border-radius:0;
	font-size:1.125rem;
	padding: 1rem 1.5rem;
	font-weight:600;
}
a.btn:hover,
.button1 .btn-switcher-primary:hover,
.button1 #section-back .btn-switcher-highlight:hover {
	background-color:var(--color3);
	border-color:var(--color3);
	color:var(--color4);
}




/* TOP +navi */
.nav-gradient .site-header:before {
	display:none;
}
.nav-gradient .site-header__bottom:not(.sticky),
.site-header__bottom {
    padding: 1rem 1.5rem;
}
 .nav-gradient .site-header .sticky {
	background:var(--color2) !important;
}
.site-header__logo img {
    max-height: 90px;
    max-width: 300px;
}
.mobile-menu__bars {
	background:var(--color3);
	border-radius:0;
}
.desktop-main-menu li.level1 {
	text-transform:uppercase;
}
.nav-gradient .site-header__bottom .desktop-main-menu li.level1 > a {
	color:var(--color1);
	font-weight:600;
	font-size:1.125rem;
}
.nav-gradient .site-header .sticky .desktop-main-menu li.level1 > a {
	color:var(--color1);
}
.desktop-main-menu li:not(.level1) > a {
	font-weight:600;
	text-decoration:none;
	font-size:0.9rem;
}
.desktop-main-menu li:not(.level1) > a:hover {
	text-decoration:none;
}
.nav-gradient .site-header__bottom svg {
	color:var(--color1);
}
@media (max-width:1600px) {
	.nav-gradient .site-header__bottom svg {
		color:var(--color4);
	}
}

/* extra top navi */
.site-header__top {
	display:none;
}




/* SHOWCASE */
body:not(.sivu1) #showcase .hero-slider__text-content {
	max-width:100%;
}
body:not(.sivu1) .hero-slider__text-content {
    padding: 8rem 2rem 8rem 2rem;
}
#showcase .hero-slider__text-content p {
	text-align:center;
}
#showcase .hero-slider__overlay {
	display:none;
}
#showcase h2 {
	max-width:100%;
	text-align:center;
	color:#fff !important;
	text-shadow:0 0 30px rgba(0,0,0,0.25);
}
	/*--ETU*/
	.sivu1 #showcase {
		border:;	
		height:100vh;
	}
	.sivu1 #showcase .content-section,
	.sivu1 #showcase .hero-slider,
	.sivu1 #showcase .hero-slider__item {
		height:100%;
	}
	.sivu1 #showcase .hero-slider__container {
		justify-content: center;
	}
	.sivu1 #showcase .hero-slider__item .hero-slider__text-content {
		padding:0 2rem;
		border:;
		margin:0;
	}






/* MAIN CONTENT */
#main-content {
	position:relative;
}
/*.sivu1*/ #main-content:before {
	content: '';
    background:#f3f1e5;
	width: 50%;
    top:0;
	bottom:0;
	left:0;
    position: absolute;
	z-index:1;
    bottom: 0;
}
/*.sivu1*/ #main-content .content-section {
	padding:0 0 5rem;
	position:relative;
	z-index:2;
}
/*.sivu1*/ #main-content .container.contentlist {
	border:0px solid;
	max-width:1400px;
	margin:0 auto;
}
/*.sivu1*/ #main-content .contentlist .contentlist__item-content {
	padding-top:10rem;
	padding-bottom:9rem;
}
/*.sivu1*/ #main-content .contentlist .contentlist__item-content {
    padding: 10rem 2rem 9rem 5rem;
}
/*.sivu1*/ #main-content .container.contentlist a.btn {
	height: 5rem;
    position: absolute;
    bottom: -5rem;
    left: 0;
    border-radius: 0;
    padding: 0 5rem;
	line-height:5rem;
	font-weight:700;
}




/* MAIN AFTER */
#main-after {
	background:var(--color2);
	position:relative;
}
/*editor*/
#main-after .editor {
	text-align:center;
	padding:10rem 2rem 0;
	max-width:1200px;
	margin:0 auto;
}
	#main-after .content-section+.editor {
		padding-top:0;
		padding-bottom:10rem;
	}
	#main-after .editor h2 {
		margin:0;
	}
/*nro laatikot*/
#main-after .container {
	padding:0;
}
.nrot .boxlist-item__img-holder {
	display:none;
}
	.nrot .boxlist-item {
		background:transparent;
		text-align:center;
		border:3px solid var(--color3);
		border-radius:0;
		padding:5px;
	}
	.nrot .boxlist-item:before {
		content: '';
		padding-top: 100%;
		display: block;
	}
	.nrot .boxlist-item__text-holder {
		background:var(--color1);
	}	
	.nrot .boxlist-item__text-holder {
		padding: 0;
		top: 10px;
		position: absolute;
		left: 25px;
		right: 25px;
		bottom: 10px;
	}
	.nrot .boxlist-item__text-holder > div {
		position: relative;
    	top: 50%;
    	transform: translateY(-50%);
		padding:0 1rem;
	}
	.nrot .boxlist-item__text-holder h2 {
		font-size:6rem !important;
		color:#fff !important;
		margin:0 0 0.5rem;
	}
	.nrot .boxlist-item__text-holder a.btn {
		border:0px solid;
    	background: transparent;
    	padding: 0;
		font-weight:700;
		min-height:54px;
	}
	.nrot .boxlist-item__text-holder a.btn:hover {
		color:var(--color3);
	}
/*loner slider*/	
#main-after .content-section.hero-section {
	max-width:1400px;
	margin:0 auto;
	height:75vh;
	position:relative;
	z-index:2;
}
#main-after .hero-slider {
	height:100%;
}
#main-after .hero-slider__item,
#main-after .slick-list,
#main-after .slick-slider .slick-track {
	height:100%;
}
#main-after .slick-prev, 
#main-after .slick-next {
	background-color: #fff;
    opacity: 1;
    border-radius: 0;
}
#main-after .slick-dots li button {
	background:#fff;
	opacity:1;
}
#main-after .slick-dots li.slick-active button {
	background:var(--color3);
	border-color:var(--color3);
}
#main-after .hero-slider__overlay {
	display:none;
}
.sivu1 #main-after:after {
	content: '';
    background:#fff;
	width: 50%;
    height: 20vh;
    position: absolute;
	z-index:1;
    bottom: 0;
    right: 0;
}




/* CONTENT BOTTOM */
#content-bottom {
	background:#fff;
	overflow:hidden;
}
#content-bottom .content-section {
	max-width:1400px;
	margin:0 auto;
	padding:15rem 0 0;
}
#content-bottom .contentlist__item {
	margin-bottom:10rem;
	position:relative;
}
#content-bottom .contentlist__item:after {
	content:'';
	background:var(--color3);
	position:absolute;
	bottom:0;
	top:0;
	right:-50%;
	width:50%;
}
#content-bottom .contentlist__item-col.contentlist__item-col_img {
	/*flex: 0 0 41.625%;
    max-width: 41.625%;*/
	position: absolute;
    display: block;
    top: 0;
    bottom:0;
    left: 0;
	width:50%;
}
#content-bottom .contentlist__item-img-holder {
	bottom:5rem;
}
#content-bottom .contentlist__item-img-holder:after {
	content:'';
	background:var(--color3);
	position:absolute;
	bottom:-5rem; 
	height:5rem;
	right: 0;
    left: 5rem;
}
#content-bottom .contentlist__item-col.contentlist__item-col_content {
	border:0;
	background:var(--color3);
	flex: 0 0 58.275%;
	max-width:58.275%;
	color:#fff;
}
#content-bottom  .contentlist .contentlist__item-content {
	padding:10rem 2rem 10rem 15%;
}
#content-bottom .contentlist__item-col.contentlist__item-col_content h5 {
	color:#fff;
}
#content-bottom .contentlist__item-col.contentlist__item-col_content h2 {
	color:#fff;
}
	#content-bottom .buttonBar {
		position:absolute;
		bottom:5rem;
		left:0;
		z-index:5;
    	width: 83.5%;
	}
		#content-bottom .buttonBar a.btn {
			display:inline-block;
			width: 50%;
    		border: 0;
    		float: left;
			padding: 1rem 0.5rem;
			background:#aaa;
			font-weight:600;
		}
		#content-bottom  .buttonBar a.btn:first-child {
			background:var(--color3);
		}
		#content-bottom  .buttonBar a.btn:last-child {
			background:var(--color2);
			color:var(--color1);
		}

	/*rivi2*/
	#content-bottom .contentlist__item:last-child {
		justify-content: flex-end;
		margin-bottom:10rem;
	}
	#content-bottom .contentlist__item:last-child .buttonBar {
		left:auto;
		right:0;
	}
	#content-bottom .contentlist__item:last-child:after {
    	right: auto;
		left:-50%;
    	width: 50%;
		background:var(--color1);
	}
	#content-bottom  .contentlist .contentlist__item:last-child  .contentlist__item-content {
	padding:10rem 15% 10rem 2rem;
	}
	#content-bottom .contentlist__item:last-child .contentlist__item-col.contentlist__item-col_content {
		background:var(--color1);
	}
	#content-bottom .contentlist__item:last-child .contentlist__item-col.contentlist__item-col_img {
		left: auto;
		right:0;
	}
	#content-bottom .contentlist__item:last-child .contentlist__item-img-holder:after {
		background:var(--color1);
		right: 5rem;
		left: 0;
	}
	#content-bottom .contentlist__item:last-child .buttonBar a.btn:first-child {
		background:var(--color3);
	}
		#content-bottom  .buttonBar a.btn:first-child:hover,
		#content-bottom  .buttonBar a.btn:last-child:hover,
		#content-bottom .contentlist__item:last-child .buttonBar a.btn:first-child:hover {
			background:var(--color3);
			color:var(--color1);
		}




/* Section-quaternary - SECTION-BACK */
#section-back .hero-slider__text-content {
	max-width:1200px;
}
#section-back .hero-slider  .hero-slider__text-content {
	padding:10rem 2rem 10rem;
	margin:0;
}
#section-back .hero-slider  .hero-slider__text-content p:last-child {
	margin:0;
}


/*someseinä*/
.someWall {
	padding:0 2rem 6rem;
}
.someWall > div {
	max-width:1400px;
	margin: 0 auto;
}


/* FOOTER */
.site-footer {
	background:var(--color3);
	padding:5rem 0;
}
	.site-footer .container .col-12.col-lg-3:first-child {
		max-width: 100%;
    	flex: 0 0 100%;
	}
	.site-footer__logo {
		text-align:center;
		margin:0 0 1rem;
	}
	.site-footer__logo img {
    	max-height: 100px;
    	max-width: 350px;
	}
	.site-footer p {
		font-size: 0.875rem;
	}



/*--TIETOSUOJASELOSTE*/
.sivu32 #main-content:before {
	display:none;
}
.sivu32 #main-content .content-section {
	padding:5rem 2rem;
}

 
/*--OTA YHTEYTTÄ*/
.sivu31 #main-content:before {
	width:2rem;
}
.sivu31 #main-content .content-section {
	padding:5rem 2rem;
}

/*--BLOGI*/
.sivu62 #main-content:before {
	/*width:2rem;*/
	display:none;
}
.blog-list-area {
	max-width: 1400px;
    margin: 0 auto;
    padding: 10rem 0 6rem;
	overflow:hidden;
}
.blog-list-area-wrap {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.blog-list-post {
	-webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 1rem 2rem;	
	/*display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;	
	margin:0 0 10rem;
	position:relative;*/
}
.blog-list-post-wrap {
	background: var(--color3);
	color:#fff;
	margin: 0;
    height: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.blog-list-pic {
	height:375px;
	max-width:100%;
	background-size: cover;
    background-position: center center;	
	/*position: absolute;
    display: block;
    height: 100%;
    left: 0;
    width: 50%;
    background-position: center center;
	background-size:cover;
    bottom: 5rem;*/
}
/*.blog-list-pic:after {
	content: '';
	background: var(--color3);
	position: absolute;
	bottom: -5rem;
	height: 5rem;
	right: 0;
	left: 5rem;	
}*/
.blog-list-post h2,
.front-blog-cont h2 {
	font-size:2rem !important;
}
.blog-list-post h5 {
    color: var(--color4) !important;
	padding:3rem 2rem 0;
}
.blog-list-post h2 {
	padding:0 2rem 0;
	margin-bottom:1rem;
	max-width:100%;	
}
.blog-list-post h2 a {
	color:#fff;
}
.blog-list-post p {
	padding:0 2rem;
	margin-bottom:2rem;
}
/*.blog-list-cont:after {
	content: '';
	background: var(--color3);
	position: absolute;
	bottom: 0;
	top: 0;
	right: -50%;
	width: 50%;
}*/
.blog-list-link {
	margin-top:auto;
	padding:0 2rem 3rem;
}
.blog-list-link a,
.blog-post-link a {
	background: var(--color2);
    color: var(--color1);
	display:inline-block;
	transition:all 300ms;
	border-radius:0;
	font-size:1.125rem;
	padding: 1rem 1.5rem;
	font-weight:600;	
}
.blog-list-link a:hover,
.blog-post-link a:hover {
    background: var(--color2);
    color:#1a3061;
}
/*toinen rivi*/
/*.blog-list-post:nth-child(even) .blog-list-pic {
    left: auto;
	right:0;
}
.blog-list-post:nth-child(even) .blog-list-pic:after {
	background: #1a3061;
    right: 5rem;
    left: 0;
}
.blog-list-post:nth-child(even){
    justify-content: flex-end;
}
.blog-list-post:nth-child(even) .blog-list-blog {
	padding: 10rem 15% 10rem 2rem;
	background: #1a3061;
}
.blog-list-post:nth-child(even) .blog-list-cont:after {
    right: auto;
	left:-50%;
	background:#1a3061;
}
.blog-list-post:nth-child(even) .blog-list-link a  {
	background: var(--color3);
	color:#fff;
}
.blog-list-post:nth-child(even) .blog-list-link a:hover {
    background: #9BF0FF;
    color: var(--color1);
}*/
/*blogisivun lomake*/
.sivu62 #section-secondary {
	color:#000;
}
.sivu62 .fast-form-phone .row .form-group:nth-child(1) {
	flex: 0 0 100%;
    text-align: center;
}
/*postaus*/
.blog-post {
	padding:5rem 2rem;
}
.blog-post-wrap {
	max-width:1100px;
	margin:0 auto;
}
.blog-post-pic {
	margin:3rem 0;
}
.blog-post-wrap p+h3 {
	margin-top:3rem;
}
.blog-post-link {
	margin:3rem 0 0;
	padding:3rem 0 1rem;
	border-top:1px solid #f0f0f0;
}
/*etusivun blogi*/
.sivu1 #section-secondary,
.sivu62 #section-secondary {
	background: var(--color2);
}
.front-blog {
	padding:10rem 2rem;
}
.front-blog-wrap {
	max-width:1400px;
	margin:0 auto;
}
.front-blog-wrap > h2 {
	text-align:center;
}
.front-blog-cont {
	position:relative;
	margin-top:5rem;
}
.front-blog-pic {
	position:absolute;
	width:50%;
	top:0;
	left:0;
	bottom:0;
	background-position:center center;
	background-size:cover;
}
.front-blog-post {
	margin-left:50%;
	width:50%;
	padding:5rem 3rem;
	background:#fff;
	color:#000;
}
.front-blog-post h5 {
	color: var(--color3);
}




/*--VÄLITTÄJÄT*/
.contentlist__item.person .buttonBar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.contentlist__item.person .buttonBar a.btn {
    display: inline-block;
    position: relative !important;
    width: 50%;
    border: 0;
    float: left;
    padding: 1rem 0.5rem !important;
    background: #aaa;
    line-height: inherit !important;
    height: auto !important;
    font-weight: 600;
    left: auto !important;
    bottom: 0 !important;
}
		.contentlist__item.person .buttonBar a.btn:first-child {
			background:var(--color3);
		}
		.contentlist__item.person .buttonBar a.btn:last-child {
			background:var(--color2);
			color:var(--color1);
		}
		.contentlist__item.person .buttonBar a.btn:first-child:hover,
		.contentlist__item.person .buttonBar a.btn:last-child:hover {
			background:var(--color3);
			color:var(--color1);
		}


/* TAEGGIE */

#taeggie-feed-widget-lockmerlkvfi .post {
background-color: #c1b2a5 !important;
}


/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*-- RESPO -----------------------------------------------------------*/



@media (max-width:1450px) {
	/*--ETU*/
	#main-content .container.contentlist {
		padding:0 2rem;
	}
	#main-after .content-section.hero-section {
		padding:0 2rem !important;
	}
	#content-bottom .contentlist__item {
		margin-left:2rem;
	}
	#content-bottom .contentlist__item:last-child {
		margin-left:0;
		margin-right:2rem;
	}
	
	/*--OTA YHTEYTTÄ*/
	.sivu31 #main-content:before {
		width:1rem;
	}
	
	
	

}




@media (max-width:1200px) {
	p { font-size:1rem;	}

	h1 {font-size:2.5rem;}
	h2 {font-size:2.5rem !important;}
	h3 {font-size:1.5rem;}
	h4 {font-size:1.5rem;}
	h5 {font-size:1.15rem;}
	
	a.btn {font-size:1rem;}
	
	.hero-slider h2 {font-size:5rem !important; }

	/*main*/
	#main-content .content-section {
    	padding: 0 0 4rem;
	}
	#main-content .contentlist .contentlist__item-content {
    	padding: 7rem 0 6rem 2rem !important;
	}
	#main-content .container.contentlist a.btn {
		height: 4rem;
		bottom: -4rem;
		padding: 0 2rem;
		line-height: 4rem;
	}
	
	/*main-after*/
	#main-after .editor {
    	padding: 7rem 2rem 0;
	}
	#main-after .editor+.content-section {
    	padding: 2rem 2rem 1rem;
	}
	.boxlist .boxlist__col.nrot {
		padding-left:10px;
		padding-right:10px;
	}
	.nrot .boxlist-item__text-holder {
		left: 20px;
		right: 20px;
	}
	.nrot .boxlist-item__text-holder h2 {
		font-size:4rem !important;
		line-height:4rem;
	}
	.nrot .boxlist-item__text-holder a.btn {
		min-height: 40px;
		line-height: 1.25;
	}
	#main-after .content-section+.editor {
    	padding-bottom: 7rem;
	}
	
	/*content-bottom*/
	#content-bottom .content-section {
		padding-top:11rem;
	}
	#content-bottom .contentlist__item-img-holder {
		bottom:4rem;
	}
	#content-bottom .contentlist__item-img-holder:after {
    	bottom: -4rem;
    	height: 4rem;
    	right: 0;
    	left: 4rem;
	}
	#content-bottom .buttonBar {
    	bottom: 4rem;
	}
	#content-bottom .contentlist__item:last-child {
		margin-bottom:7rem;
	}
	#content-bottom .contentlist__item:last-child .contentlist__item-img-holder:after {
    	right: 4rem;
	}
	
	/*section-back*/
	#section-back .hero-slider .hero-slider__text-content {
    	padding: 7rem 2rem 6rem;
    }
	
	
	/*--BLOGI*/
	.blog-list-blog {
		padding: 5rem 2rem 5rem 15%;
	}
	.blog-list-post h2,
	.front-blog-cont h2{
    	font-size: 2rem !important;
	}
	.front-blog {
    	padding: 7rem 2rem 6rem;
	}
	.front-blog-cont {
		margin-top:3rem;
	}
	.front-blog-post {
		padding:4rem 3rem;
	}
}




@media (max-width:991px) {
	h1 {font-size:2.25rem;}
	h2 {font-size:2.25rem !important;}
	
	.hero-slider h2 {font-size:3.5rem !important; }

	a.btn {
    	padding: 0.5rem 1.5rem;
	}

	/*main*/
	#main-content:before {
		width:2rem;
	}
	#main-content .content-section {
    	padding: 0 0 0;
	}
	#main-content .container.contentlist {
    	padding:0 2rem 0;
	}
	#main-content .contentlist .contentlist__item-content {
	    padding: 5rem 2rem !important;
	}
	#main-content .container.contentlist a.btn {
		position: relative;
		bottom: 0;
		padding: 0 2rem;
		margin-top: 1rem;
	}
	
	/*main-after*/
	#main-after .editor {
    	padding: 5rem 2rem 0;
	}
	.boxlist__col.nrot {
		margin-bottom:20px;
	}
	.nrot .boxlist-item:before {
		display:none;
	}
	.nrot .boxlist-item__text-holder {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.nrot .boxlist-item__text-holder h2 {
		font-size: 3.5rem !important;
		line-height: 3.5rem;
	}
	.nrot .boxlist-item__text-holder > div {
		position: relative;
		top: auto;
		transform: none;
		padding: 2rem 1rem 1rem;
	}
	#main-after .content-section+.editor {
    	padding-top:2rem;
		padding-bottom: 5rem;
	}
	#main-after .content-section.hero-section {
		height:50vh;
	}

	/*content-bottom*/
	#content-bottom .content-section {
		padding-top:7rem;
	}
	#content-bottom .contentlist__item {
    	margin-bottom: 5rem;
	}
	#content-bottom .contentlist__item-img-holder {
		bottom:2rem;
	}
	#content-bottom .contentlist__item-img-holder:after {
    	bottom: -2rem;
    	height: 2rem;
    	right: 0;
    	left: 2rem;
	}
	#content-bottom .buttonBar {
    	bottom: 2rem;
	}
	#content-bottom .buttonBar a.btn {
		width:100%;
	}
	#content-bottom .contentlist__item:last-child {
		margin-bottom:5rem;
	}
	#content-bottom .contentlist__item:last-child .contentlist__item-img-holder:after {
    	right: 2rem;
	}
	#content-bottom .contentlist__item-content {
		padding:5rem 2rem !important;
	}
	
	/*section-back*/
	#section-back .hero-slider .hero-slider__text-content {
    	padding: 5rem 2rem 4.5rem;
    }
	
	/*footer*/
	.site-footer {
    	padding: 5rem 0 0;
	}
	.site-footer__logo {
		margin:0 0 3rem;
	}
	
	
	/*--VÄLITTÄJÄT*/
	.sivu54 #main-content:before,
	.sivu64 #main-content:before {
		display:none;
	}
	.sivu54 .contentlist__item.person,
	.sivu64 .contentlist__item.person {
		padding-top:3rem;
		display: block;
	}
	.sivu54 .contentlist__item.person .contentlist__item-col.contentlist__item-col_img,
	.sivu64 .contentlist__item.person .contentlist__item-col.contentlist__item-col_img {
		display:block;
	}
	.sivu54 .contentlist__item.person .contentlist__item-img-holder,
	.sivu64 .contentlist__item.person .contentlist__item-img-holder {
	}
	.contentlist__item.person .buttonBar {
		position: relative;
    	bottom: auto;
    	left: auto;
    	right: auto;
    	overflow: auto;
	}
	.contentlist__item.person .buttonBar a.btn {
		margin:0 !important;
	}
	.sivu54 #main-content .contentlist .contentlist__item-content,
	.sivu64 #main-content .contentlist .contentlist__item-content {
    	padding: 2rem 0 !important;
	}
	
	
	/*--BLOGI*/
	.blog-list-area {
    	padding: 8rem 2rem 4rem;
	}
	.blog-list-post {
		flex: 0 0 100%;
    	max-width: 100%;
		padding: 0 0 2rem;
	}
	.blog-list-pic {
    	height: 300px;
	}
	.blog-list-pic:after {
		height:2rem;
		bottom:-2rem;
	}
	.front-blog-pic {
		width:41.625%;
	}
	.front-blog-post {
    	margin-left: 41.625%;
    	width: 58.275%;
	    padding: 3rem 2rem;
	}
	
}




@media (max-width:768px) {
	h1 {font-size:2.0rem; margin:0 0 1rem;}
	h2 {font-size:2.0rem !important;}
	h3 {font-size:1.25rem;}
	h4 {font-size:1.25rem;}	
	h5 {font-size:1.0rem;}
	.hero-slider h2 {font-size:2.75rem !important; }

	h1+.contentlist__item-editor.editor > h3 {
    	margin-top: 0;
	}


	/*navi*/
	.site-header__bottom {
		background:#f3f1e5 !important;
	}
	
	/*scase*/
	body:not(.sivu1) .hero-slider__text-content {
    	padding: 6rem 0.5rem 6rem 0.5rem;
	}
	
	/*main*/
	#main-content .contentlist .contentlist__item-content {
    	padding:4rem 0 4rem 2rem !important;
	}
	#main-content .contentlist__item-img-holder {
		display:none;
	}
	#main-content .container.contentlist a.btn {
		margin-top:0;
	}
	#main-content .container.contentlist a.btn {
		height: auto;
		bottom: auto;
		padding: 0.5rem 1.5rem;;
		line-height:unset;
	}
	
	/*main-after*/
	#main-after .editor {
    	padding: 4rem 2rem 0;
	}
	#main-after .editor+.content-section {
    	padding: 2rem 2rem 1rem;
	}
	#main-after .content-section+.editor {
    	padding-bottom: 4rem;
	}
	.boxlist__col.nrot {
    	margin-bottom: 1rem;
	}
	.nrot .boxlist-item__text-holder h2 {
		font-size: 2.75rem !important;
		line-height: 2.75rem;
	}
	#main-after .content-section.hero-section {
    	height: 40vh;
	}
	#main-after .slick-dots {
		bottom:2rem;
	}
	#main-after:after {
    	height: 2rem;
	}
	
	/*content-bottom*/
	#content-bottom .content-section {
    	padding-top: 4rem;
	}
	#content-bottom .contentlist__item {
		margin:0 2rem 2rem;
	}
	#content-bottom .contentlist__item-col.contentlist__item-col_img,
	#content-bottom .contentlist__item:last-child .contentlist__item-col.contentlist__item-col_img {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		bottom: auto;	
		right:auto;
	}
	#content-bottom .contentlist__item-img-holder {
		bottom: auto;
		padding-bottom: 0;
		height: 325px;
	}
	#content-bottom .buttonBar {
		position: relative;
		bottom: 0;
		display: block;
		width: 100%;
		overflow: auto;
		left: auto;
		padding: 3rem 2rem 0;
    	background-color:var(--color3);
	}
	#content-bottom .buttonBar a.btn {
		padding:0.5rem 0.5rem;
	}
	#content-bottom .buttonBar a.btn:first-child {
		margin-bottom:0.5rem;
	}
	#content-bottom .contentlist__item-col.contentlist__item-col_content {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	#content-bottom .contentlist__item-content {
    	padding: 3rem 2rem 3rem !important;
	}
	#content-bottom .contentlist__item-col.contentlist__item-col_content h2 {
		font-size: 1.75rem !important;
    	margin: 0 0 1rem;
	}
	#content-bottom .contentlist__item:last-child {
		margin:0 2rem 4rem;
	}
	#content-bottom .contentlist__item:last-child .buttonBar {
		background-color:var(--color1);
	}
	
	#content-bottom .contentlist__item:after,
	#content-bottom .contentlist__item-img-holder:after {
		display:none;
	}

	/*section-back*/
	#section-back .hero-slider .hero-slider__text-content {
    	padding: 4rem 2rem 3.5rem;
	}
	
	/*footer*/
	.site-footer {
    	padding: 5rem 0 5rem;
	}
	.site-footer__logo img {
    	max-height: 60px;
    	max-width: 250px;
	}


	/*--ETU*/
	.sivu1 #showcase .hero-slider__item .hero-slider__text-content {
		padding:0 0.5rem;
	}
	
	
	/*--OTA YHTEYTTÄ*/
	.sivu31 #main-content .content-section {
		padding:4rem 2rem;
	}
	
	
	/*--TIETOSUOJASELOSTE*/
	.sivu32 #main-content .content-section {
		padding:4rem 2rem;
	}
	
	
	/*--VÄLITTÄJÄT*/
	.sivu54 #main-content .contentlist__item-img-holder,
	.sivu64 #main-content .contentlist__item-img-holder {
	    display: block;
	}
	
	/*--BLOGI*/
	.blog-list-area {
    	padding: 5rem 2rem 2rem;
	}	
	.blog-list-post {
    	margin: 0 0 2rem;
		padding-bottom:0;
	}
	.blog-list-pic {
		height: 250px;
	}
	.blog-list-cont:after,
	.blog-list-post:nth-child(even) .blog-list-cont:after,
	.blog-list-pic:after,
	.blog-list-post:nth-child(even) .blog-list-pic:after{
		display:none;
	}
	.blog-list-post h5 {
    	padding: 2rem 1.5rem 0;
	}
	.blog-list-post h2 {
    	padding: 0 1.5rem 0;
		font-size:1.75rem !important;
	}
	.blog-list-post p {
    	padding: 0 1.5rem;
	}
	.blog-list-link {
	    padding: 0 1.5rem 2rem;
	}	
	.blog-post {
    	padding: 3rem 2rem;
	}
	.front-blog-pic {
		position:relative;
		width:100%;
		height:300px;
	}
	.front-blog-post {
    	margin-left: 0;
    	width: 100%;
	}
}




@media (max-width:560px) {
	p {font-size: 0.9rem;}
	
	a.btn {font-size: 0.9rem;}

	h1 {font-size:1.5rem; margin:0 0 0.5rem;}
	h2 {font-size:1.5rem !important;}
	h3 {font-size:1.0rem;}
	h4 {font-size:1.0rem;}
	h5 {font-size:0.9rem;}
	
	.hero-slider h2 {font-size:1.75rem !important; }
	
	/*top*/
	.site-header__logo img {
		max-height: 20px;
		max-width: 175px;
	}
	
	/*scase*/
	body:not(.sivu1) .hero-slider__text-content {
    	padding: 5rem 0.5rem 5rem 0.5rem;
	}
	
	/*main*/
	#main-content:before {
		display:none;
	}
	#main-content .container.contentlist {
    	padding: 0 1.5rem 0;
	}
	#main-content .contentlist .contentlist__item-content {
    	padding: 3rem 0 !important;
	}
	
	/*main-after*/
	#main-after .editor {
    	padding: 3rem 1.5rem 0;
	}
	#main-after .editor h2 {
		text-align:left;
	}
	#main-after .editor+.content-section {
		padding: 1rem 1.5rem;
	}
	.nrot .boxlist-item__text-holder > div {
    	padding: 1.5rem 0.75rem 0.5rem;
	}
	#main-after .content-section+.editor {
		text-align:left;
		padding:1.5rem 1.5rem 2.5rem;
	}
	#main-after .content-section.hero-section {
		height:220px;
		padding:0 1.5rem !important;
	}
	
	/*content-bottom*/
	#content-bottom .content-section {
    	padding-top: 3rem;
	}
	#content-bottom .contentlist__item {
    	margin: 0 1.5rem 2rem;
	}
	#content-bottom .contentlist__item-img-holder {
		height:220px;
	}
	#content-bottom .buttonBar {
		padding: 2rem 1rem 0;
	}
	#content-bottom .contentlist__item-content {
    	padding: 2rem 1rem 1rem !important;
	}
	#content-bottom .contentlist__item:last-child {
		 margin: 0 1.5rem 3rem;
	}
	
	/*section-back*/
	#section-back .hero-slider .hero-slider__text-content {
    	padding: 3rem 0 2.5rem;
	}
	
	/*footer*/
	.site-footer {
    	padding: 4rem 0 2rem;
	}
	.site-footer__logo img {
    	max-height: 20px;
    	max-width: 200px;
	}
	
	
	
	/*--OTA YHTEYTTÄ*/
	.sivu31 #main-content .content-section {
		padding:3rem 1rem;
	}
	
	/*--TIETOSUOJASELOSTE*/
	.sivu32 #main-content .content-section {
		padding:3rem 1rem;
	}
	
	/*--VÄLITTÄJÄT*/
	.sivu54 .contentlist__item.person .buttonBar a.btn,
	.sivu64 .contentlist__item.person .buttonBar a.btn {
		width:100%;
		float:none;
	}
	
	/*--BLOGI*/
	.blog-list-area {
    	padding: 3rem 1.5rem 2rem;
	}
	.blog-list-post h2,
	.blog-post-wrap h2,
	.front-blog-cont h2 {
    	font-size: 1.125rem !important;
		margin:0 0 1rem;
	}
	.blog-list-pic,
	.front-blog-pic {
		height:175px;
	}	
	.blog-list-post h5 {
    	padding: 1.5rem 1rem 0;
	}
	.blog-list-post h2 {
    	padding: 0 1rem 0;
	}
	.blog-list-post p {
    	padding: 0 1rem;
	}
	.blog-list-link {
	    padding: 0 1rem 1.5rem;
	}

	.blog-post {
    	padding: 3rem 1.5rem;
	}
	.blog-post-pic {
    	margin: 2rem 0 1.5rem;
	}
	.blog-post-wrap p+h3 {
    	margin-top: 1.5rem;
	}
	.blog-post-link {
    	margin: 2rem 0 0;
    	padding: 2rem 0 1rem;	
	}
	.blog-list-link a,
	.blog-post-link a {
		font-size: 1rem;
    	padding: 0.75rem 1.125rem;
	}
	.front-blog {
    	padding: 3rem 1.5rem 3rem;
	}
	.front-blog-wrap > h2 {
		margin:0;
	}
	.front-blog-cont {
    	margin-top: 2rem;
	}
	.front-blog-post {
		padding:2rem 1.5rem;
	}

}