/*
Theme Name: VSKK
Theme URI: https://www.vskk.fi

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}





/*--- OMA CSS ---*/

html {
  scroll-behavior: smooth;
	font-size: 62.5%;
}
body {
	font-family: 'Roboto', sans-serif;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none !important;  /* Firefox */
}
body::-webkit-scrollbar{
	display: none;
}
h1, h2, h3, h4{
	font-family: 'Righteous', cursive;
	letter-spacing: 3px;
	margin: 0px;
}
h1, h2, h3, footer h4{
	color: #3564A2;
}

h4{
	color: #1CADFF;
}
p{
	font-size: 1.6rem;
	letter-spacing: 1.3px;
	line-height: 1.7;
}
a{
	
}

/*Main Content*/
#main-column .post, #main-column .page {
    border: none;
	margin-bottom: 0px;
}

#main-content-section .entry-title{
	display: none;
}
.entry-title{
	text-align: center;
}
.overlay-background{
	height: 150px;
	left: 50%;
    right: 50%;
   
}
.full-width-cover{
	width: 100%;
	height: 100%;
	background: #1CADFF;
	/*Center text vertical*/
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.full-width-cover h1{
	color: #ffffff;
}

/*Header/Banner*/

header #fullheight{
	height: 100vh;
}

/*Navigointi*/
.navbar {
    border: none;
}
#alasivu-container h2{
	word-break: break-word;
}
.navbar-default .navbar-nav>li>a {
    color: #1CADFF;
}
.navbar-brand, .navbar-nav>li>a {
    text-shadow: none;
}
.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
	background-image: none;
    filter: none;
    background-repeat: initial;
    box-shadow: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #3564A2;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: none;
    filter: none;
    background-repeat: initial;
    box-shadow: none;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
	border: none;
}
.navbar-collapse{
	margin-top: 15px;
	padding-bottom: 30px;
	padding-top: 15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #1CADFF;
}
.navbar-toggle{
	margin-top: 15px;
	margin-bottom: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #1CADFF;
}
.navbar-toggle .icon-bar {
    width: 25px;
}

.sisalto-center-napit a:hover{
	color: #1CADFF;
	text-decoration: none;
}

.nappi-filled{
	font-weight: bold;
	background: #3564A2;
	color: #ffffff;
	padding: 15px 30px 15px 30px;
}
.nappi-filled{
	text-decoration: none;
	color: #ffffff;
	padding: 20px 30px 20px 30px;
    letter-spacing: 2px;
}
.nappi-filled:hover{
	text-decoration: none;
	color: #ffffff;
}
/*Vaaleansininen banneri etusivulla / Rahoitus*/
.cover-fullwidth a:hover{
	text-decoration: none;
	color: #ffffff;
}
/*Footer*/
.footer-otsikko-1{
	
}
footer .col-md-6{
	padding: 0px;
}
footer .menu{
	list-style-type: none;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.9;
	padding: 0px;
}
footer .menu a{
	color: #1CADFF;
	text-decoration: none;
}
footer .menu a:hover{
	color: #3564A2;
}
.etusivu-linkkiotsikot-kuva{
	margin-bottom: 0px;
}
.etusivu-linkkiotsikot-kuva img{
	height: auto;
}
.etusivu-linkkiotsikot-kuva img:hover{
	background: blue;
}
.varustellut-huoltoautot-container{
	width: 387px;
	
}
.korjaamopalvelut-container{
	width: 387px;
}
.varustellut-huoltoautot-container a{
	text-decoration: none;
	color: #ffffff;
}
.korjaamopalvelut-container a{
	text-decoration: none;
	color: #ffffff;
}

.vskk-logo-content-1{
	margin-top: 50%;
    margin-bottom: 50%;
}

.varustellut-huoltoautot-content a:hover{
	color: #ffffff;
	text-decoration: none;
}

.varustellut-huoltoautot-content h4{

}

.varustellut-huoltoautot-content img{
	height: auto;
}

.korjaamopalvelut-etusivu{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.cover-fullwidth{
	width: 100vw;
 	left: 50%;
 	right: 50%;
 	margin-left: -50vw;
 	margin-right: -50vw;
}


.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
    height: 5px;
}

.yritys-henkilo-otsikko{
	height: 80px;
	padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.yritys-henkilo-container img{
		height: auto;
}

.wp-block-separator {
    opacity: 1.0;
}
.kartta-ikoni-footer{
	color: #3564A2;
	margin-right: 10px;
}
.rahoitus-teksti{
	max-width: 1170px;
	margin: 0px auto;
}
.rahoitus-nappi-container{
	text-align: center;
}
.rahoitus-nappi-padding a{
	padding: 20px 40px 20px 40px;
    letter-spacing: 2px;
}
.footer-navigointi #nav_menu-2{
	padding-top: 5px;
    
}
.footer-navigointi #nav_menu-2 li{
	padding-bottom: 5px;
}
.etusivu-linkkiotsikot-kuva{
	max-width: 387px;
	margin: 0px auto;
	background: #59caf5;
}
.etusivu-linkkiotsikot-kuva img{
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.etusivu-linkkiotsikot-kuva:hover img{
	opacity: .6;
}
.nappi-outlined:hover{
	box-shadow: 1px 1px 3px 0.5px #888888;
}



@media only screen and (max-width: 320px) {
	.nuoli-alas-etusivu .glyphicon{
		   display: none;
	}
}

@media only screen and (max-width: 480px) {
	#fullheight::before{
		background-image: url("https://testaus.vskk.fi/wp-content/uploads/2021/03/taustakuva-auto.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: 80%;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		content: "";
		opacity: 0.15;
	}
	#menu-navigointi a{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		font-weight: bold;
	}
	.alasivu-header{
		overflow-x: auto;
		margin-bottom: 30px;
	}
	.alasivu .navbar{
		margin-bottom: 15px;
	}
	.alasivu .navbar-brand{
		float: left;
		height: 50px;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
	header .border-full-height{
		position: relative;
		border: 7px solid #1CADFF;
		height: 100%;
		overflow-x: hidden;
	}
	.sisalto-center{
		width: fit-content;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
	.sisalto-center-logo img{
		width: 230px;
		margin: 0px auto;
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 2px;
		line-height: 1.6;
		max-width: 1170px;
		color: #1CADFF;
		padding-top: 20px;
	}
	.sisalto-center-napit{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		text-align: center;
		margin-top: 5rem;
	}
	.nappi-outlined{
		background: transparent;
		color: #1CADFF;
		border: 3px solid #1CADFF;
		padding: 10px 20px 10px 20px;
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.nappi-text{
		font-size: 1.5rem;
		font-weight: bold;
		margin-left: 20px;
	}
	.nuoli-alas-etusivu{
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.nuoli-alas-etusivu .glyphicon{
	   font-size: 22px;
		color: #3564A2;
	}
	.navbar-collapse.collapse {
		text-align: left;
		background: #ffffff;
		
	}
	.nav-puhelin{
		display: none;
	}
	
	.varustellut-huoltoautot{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 20px 0px 20px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.varustellut-huoltoautot-oikea{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 30px 0px 30px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.varustellut-huoltoautot-content{
		
		margin-bottom: 30px;
	}
	.vskk-logo-content-1{
		display: none;
	}
	.korjaamopalvelut-etusivu h2{
		letter-spacing: 1.5px;
	}
	.rahoitus-nappi{
		display: inline;
		margin: 3px;
	}
	.rahoitus-nappi-padding{
		margin-bottom: 20px !important;
		margin-top: 20px;
	}
	.rahoitus-logo{
		display: inline-flex;
		margin: 3px;
	}
	.yritys-henkilo{
		border: 5px solid #1CADFF;
		padding-bottom: 180px;
		margin-bottom: 30px;
		color: #1CADFF;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.yritys-henkilo-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 30px;
	}
	.footer-logo{
		width: 100px;
		margin: 0px auto;
	}
	footer .container-fluid{
		max-width: 1170px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-yhteys .footer-yhteys-1{
		border: none;
	}
	.footer-yhteys .footer-yhteys-2{
		padding-left: 0px;
	}
	footer .col-md-4, footer .col-md-2{
		padding-top: 0px;
		text-align: center;
	}
	footer{
		border: 7px solid #1CADFF;
		margin-top: 0px;
	}
	
	.footer-sijainti, .footer-yhteys, .footer-navigointi{
		margin-top: 40px;
	}
	
	.spacer-main{
		height: 60px !important;
	}
}

@media only screen and (min-width: 481px) {
	
	/* ---- MUISTA MUUTTAA ALLAOLEVA KUVA OIKEAAN DOMAIN-URLIIN---- */
	
	#fullheight::before{
		background-image: url("https://testaus.vskk.fi/wp-content/uploads/2021/03/taustakuva-auto.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: 45%;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		content: "";
		opacity: 0.15;
	}
	#menu-navigointi a{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		font-weight: bold;
	}
	.alasivu-header{
		overflow-x: auto;
		margin-bottom: 30px;
	}
	.alasivu .navbar{
		margin-bottom: 15px;
	}
	.alasivu .navbar-brand{
		float: left;
		height: 50px;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
	header .border-full-height{
		position: relative;
		border: 7px solid #1CADFF;
		height: 100%;
		overflow-x: hidden;
	}
	.nuoli-alas-etusivu{
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.sisalto-center{
		width: fit-content;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
	.sisalto-center-logo img{
		width: 230px;
		margin: 0px auto;
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 2px;
		line-height: 1.6;
		max-width: 1170px;
		color: #1CADFF;
		padding-top: 30px;
	}
	.sisalto-center-napit{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		text-align: center;
		margin-top: 6rem;
	}
	.nappi-outlined{
		background: transparent;
		color: #1CADFF;
		border: 3px solid #1CADFF;
		padding: 15px 40px 15px 40px;
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.nappi-text{
		font-size: 1.5rem;
		font-weight: bold;
		margin-left: 20px;
	}
	.navbar-collapse.collapse {
		text-align: left;
		background: #ffffff;
		padding-bottom: 30px;
	}
	.nav-puhelin{
		display: none;
	}
	.nuoli-alas-etusivu .glyphicon {
		font-size: 22px;
		color: #3564A2;
	}
	
	.varustellut-huoltoautot{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 20px 0px 20px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.varustellut-huoltoautot-oikea{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 30px 0px 30px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.varustellut-huoltoautot-content{
		
		margin-bottom: 30px;
	}
	.vskk-logo-content-1{
		display: none;
	}
	.rahoitus-nappi{
		display: inline;
		margin: 5px;
	}
	.rahoitus-nappi-padding{
		margin-bottom: 20px !important;
	}
	.rahoitus-logo{
		display: inline-flex;
		margin: 5px;
	}
	.yritys-henkilo{
		border: 5px solid #1CADFF;
		padding-bottom: 180px;
		margin-bottom: 30px;
		color: #1CADFF;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.yritys-henkilo-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 30px;
	}
	
	.footer-logo{
		width: 100px;
		margin: 0px auto;
	}
	footer .container-fluid{
		max-width: 1170px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-yhteys .footer-yhteys-1{
		border: none;
	}
	.footer-yhteys .footer-yhteys-2{
		padding-left: 0px;
	}
	footer .col-md-4, footer .col-md-2{
		padding-top: 10px;
		text-align: center;
	}
	.footer-sijainti, .footer-yhteys, .footer-navigointi{
		margin-top: 60px;
	}
	footer{
		border: 7px solid #1CADFF;
		margin-top: 30px;
	}
	.spacer-main{
		height: 60px !important;
	}
}

@media screen and (max-width: 599px) and (min-width: 481px) {
	
}

@media only screen and (min-width: 768px) {
	#menu-navigointi a{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		font-size: 16px;
		font-weight: bold;
	}
	#menu-navigointi{
		display: inline-block;
		justify-content: center;
		float: none;
	}
	#main-content-section .wp-block-columns{
		flex-wrap: wrap;
	}
	#main-content-section .wp-block-column{
		flex-basis: auto;
	}
	.alasivu .navbar{
		margin-bottom: 0px;
	}
	.alasivu .navbar-brand{
		float: left;
		height: 50px;
		padding: 30px 0px 30px 0px;
		font-size: 18px;
		line-height: 20px;
	}
	header .border-full-height{
		position: relative;
		border: 7px solid #1CADFF;
		height: 100%;
		overflow-x: hidden;
	}
	.sisalto-center{
		width: fit-content;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: initial;
	}
	.sisalto-center-logo img{
		width: 350px;
		margin: 0px auto;
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 2px;
		line-height: 1.6;
		color: #1CADFF;
	}
	.nappi-text{
		font-size: 1.5rem;
		font-weight: bold;
		margin-left: 35px;
	}
	.nuoli-alas-etusivu{
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.navbar-collapse.collapse {
		text-align: center;
	}
	.nav-puhelin{
		font-size: 22px;
		color: #3564A2;
		float: right;
		display: inline-block;
		margin: 10px 30px 0px 0px;
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);

		filter: FlipH;
		-ms-filter: "FlipH";
	}
	.navbar-brand{
		margin: 5px 0px 0px 25px;
	}
	.nuoli-alas-etusivu .glyphicon{
	   font-size: 20px;
		color: #3564A2;
	}
	
	.varustellut-huoltoautot{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 20px 0px 20px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.varustellut-huoltoautot-oikea{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 30px 0px 30px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 2.6rem;
	}
	.rahoitus-nappi{
		display: inline;
		margin-right: 15px;
	}
	.rahoitus-nappi-padding{
		margin-bottom: 0px !important;
	}
	.rahoitus-logo{
		display: inline-flex;
		margin-left: 15px;
	}
	
	.footer-logo{
		width: 150px;
		margin: 0px auto;
	}
	footer .container-fluid{
		max-width: 1170px;
		padding-top: 70px;
		padding-bottom: 70px;
		padding-left: 0px;
		padding-right: 0px;
	}
	footer .col-md-4, footer .col-md-2{
		text-align: center;
	}
	.footer-yhteys .footer-yhteys-1{
		border-right: 2px solid #1CADFF;
	}
	.footer-yhteys .footer-yhteys-2{
		padding-left: 20px;
	}
	
	.spacer-main{
		height: 80px !important;
	}
}

@media screen and (max-width: 900px) and (min-width: 769px){}

@media only screen and (min-width: 992px) {
	#main-content-section .wp-block-columns{
		flex-wrap: initial;
	}
	#main-content-section .wp-block-column p{
		font-size: 1.3rem;
	}
	footer .col-md-4, footer .col-md-2{
		text-align: initial;
	}
	footer .container-fluid {
		max-width: 1170px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-sijainti, .footer-yhteys, .footer-navigointi{
		margin-top: 0px;
	}
	.footer-yhteys-1{
		padding-right: 15px !important;
    	word-break: break-word;
	}
	footer p{
   	 font-size: 1.4rem;
	}
}

@media only screen and (min-width: 1024px) {
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.6rem;
		text-align: center;
		max-width: 950px;
		color: #1CADFF;
	}
	#main-column{
		padding: 0px 0px 0px 0px;
	}
	#main-content-section .wp-block-columns{
		flex-wrap: nowrap;
	}
	#main-content-section .wp-block-column{
		flex-basis: 0;
	}
	.alasivu-header{
		overflow-x: auto;
		margin-bottom: 50px;
	}
	#main-column .post, #main-column .page{
		padding: 0px;
	}
	.varustellut-huoltoautot-content{
		
		margin-bottom: 0px;
	}
	.vskk-logo-content-1{
		display: block;
	}
	.yritys-henkilo{
		border: 5px solid #1CADFF;
		padding-bottom: 180px;
		margin-bottom: 0px;
		color: #1CADFF;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.yritys-henkilo-container{
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 0px;
	}
	footer .container-fluid{
		max-width: 1170px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-logo{
		width: 150px;
		margin: initial;
		padding-left: 15px
	}
	.footer-yhteys{
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-navigointi{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
}

@media only screen and (min-width: 1200px) {
	
	.sisalto-center-logo img{
		width: 400px;
		margin: 0px auto;
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.6rem;
		text-align: center;
		color: #1CADFF;
	}
	.nappi-outlined{
		background: transparent;
		color: #1CADFF;
		border: 3px solid #1CADFF;
		padding: 16px 40px 16px 40px;
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
	#main-content-1{
		max-width: 85%;
		margin: 0px auto;
	}
	#menu-navigointi a{
		padding-right: 30px;
		padding-left: 30px;
	}
	#main-content-section .wp-block-column p{
		font-size: 1.6rem;
	}
	.alasivu-header{
		overflow-x: hidden;
	}
	.varustellut-huoltoautot{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 20px 0px 20px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 3.0rem;
	}
	.varustellut-huoltoautot-oikea{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 30px 0px 30px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 3.0rem;
	}
	footer .container-fluid{
		max-width: 1170px;
		padding-top: 70px;
		padding-bottom: 70px;
		padding-left: 0px;
		padding-right: 0px;
	}
	footer .col-md-4, footer .col-md-2{
		padding-top: 0px;
	}
	.footer-logo{
		padding-left: 0px
	}
	.spacer-main{
		height: 130px !important;
	}
	footer p{
   	 font-size: 1.6rem;
	}
}

@media only screen and (min-width: 1400px) {
	.sisalto-center-logo img{
		
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.6rem;
		text-align: center;
		color: #1CADFF;
	}
	.nappi-outlined{
		background: transparent;
		color: #1CADFF;
		border: 3px solid #1CADFF;
		padding: 16px 40px 16px 40px;
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.nuoli-alas-etusivu .glyphicon{
	   font-size: 22px;
		color: #3564A2;
	}
	footer{
		border: 7px solid #1CADFF;
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1600px) {
	#fullheight::before{
		background-image: url("https://testaus.vskk.fi/wp-content/uploads/2021/03/taustakuva-auto.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		content: "";
		opacity: 0.15;
	}
	#menu-navigointi a{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		font-weight: bold;
		padding-right: 40px;
		padding-left: 40px;
	}
		header .border-full-height{
			position: relative;
			border: 10px solid #1CADFF;
			height: 100%;
			overflow-x: hidden;
		}
	.sisalto-center-logo img{
		width: 450px;
		margin: 0px auto;
	}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.8rem;
		text-align: center;
		color: #1CADFF;
		padding-top: 40px;
	}
	.sisalto-center-napit{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		text-align: center;
		margin-top: 7rem;
	}
	.varustellut-huoltoautot{
		background: #1CADFF;
		color: #ffffff;
		margin-top: 0px !important;
		padding: 20px 0px 20px 0px;
		margin: 0px auto;
		max-width: 387px;
		font-size: 3.2rem;
	}
	.nuoli-alas-etusivu .glyphicon{
	   font-size: 24px;
		color: #3564A2;
	}
	footer{
		border: 10px solid #1CADFF;
	}
	.spacer-main{
		height: 150px !important;
	}
}

@media only screen and (min-width: 2048px) {
	.main-navigation{
		max-width: 2048px;
		margin: 0px auto;
	}
}

@media only screen and (min-width: 2560px) {
		#menu-navigointi a{
			font-family: 'Rubik', sans-serif;
			letter-spacing: 1px;
			font-size: 18px;
			font-weight: bold;
			padding-right: 60px;
			padding-left: 60px;
		}
	.sisalto-center-teksti p{
		font-family: 'Righteous', cursive;
		font-size: 1.9rem;
		text-align: center;
		max-width: 1170px;
		color: #1CADFF;
		padding-top: 40px;
	}
		.sisalto-center-napit{
		font-family: 'Rubik', sans-serif;
		letter-spacing: 1px;
		text-align: center;
		margin-top: 7.5rem;
	}

	.sisalto-center-logo img{
		width: 550px;
		margin: 0px auto;
	}
	
}