/*
plum: #524356
violet: #b5a4c8
pink: #524356
*/




#some_lang_menus {
		text-align: center;
	margin-top: 1rem;
}

#some_lang_menus a 
{
	text-decoration: none !important;
	margin-right: 6px;
	color:  #ccc;
}

#some_lang_menus a:hover
{
	color:  #524356;
}





.ml-auto, .mx-auto {
    margin: auto!important;
}

footer {
	background-color: #524356;
}

.navbar-toggler {
	background-color: #524356;
}

nav {
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
background-color: #fff;
text-decoration: none;
line-height: 2.2;
}

nav a, nav a:visited, nav a:active {
text-decoration: none;
	color: #333;
}

nav a:hover {
	color: #000;
}


a,  a:visited, a:active {

	color: #333;
	text-decoration: underline;
}

 a:hover {
	color: #000;
	text-decoration: none;
}



.bg-secondary {
  background-color: #fff !important;

}


.fixed-top {

  -webkit-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3);
}

body {

	background-color: #E5E5E5;
	font-family: 'Josefin Sans', sans-serif;
font-size: 1.125rem;
font-weight: lighter;
}

.logo {
	background-color: #fff;
	padding: 30px;
}

.container {
	background-color: #fff;
}

.topimage {
	text-align: center;
}

.topimageMargin {
	    margin-top: 70px;
}

.description {
	background-color: #524356;
	color: #fff;
	position: relative;
	top: -15px;
	border: 1px solid #fff;
	padding: 15px 20px 0 20px;
	font-weight: normal;

}



.teitapalvelee {
	background-color: #524356;
	color: #fff;
	font-weight: normal;
}

.teitapalvelee h2 {
	text-align: left;
}

.teitapalvelee img {
	padding-top: 0px;
	padding-bottom: 0rem;
}

.removeheight {
	min-height: 0 !important;
}

h1, h2, h3 {
	font-family: 'Montez', cursive;

}

.space {
	height: 2rem;
}

.extratop {
margin-top: 2rem
}


section h2 {
	padding-top: 1rem; 
	padding-bottom: 1rem;
}

section {
	margin-bottom: 2rem;
}

.bggray {
	background-color: #F5F5F5;
	background-color: red;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

h1,h2 {

	margin-bottom: 1rem;
	text-align: center;
}

h3 {
font-family: 'Josefin Sans', sans-serif;
font-size: 1.125rem;
font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-size: 1.125rem;
	margin: 0;
	padding: 0;
	font-weight: lighter;
	text-transform: uppercase;
}

.card h4 {
	margin-top: 2rem;
}

.card {
	background-color: #F5F5F5;;
    border: 1px solid #F5F5F5;
    padding: 15px;
}

.card-columns .card {
    margin-bottom: 1rem;
}

	.scroll-to-top {
	  z-index: 1042;
	  right: .5rem;
	  bottom: .5rem;
	  display: none;
	}

	.scroll-to-top a {
	  width: 3rem;
	  height: 3rem;
	  background-color: rgba(33, 37, 41, 0.5);
	  line-height: 3.1rem;
	}


 
	h1,h2 {
	font-size: 3em;
	}
	
	.mobilepadding {
		padding: 3rem;
	}
	
	.toppadding {
		padding-top: 1rem;
	}

	.yhteystiedot {
		text-align: center;
	}
	
	
		.lahjakorttiFrame {
	height: 600px;
	
}
	

@media (min-width: 576px) { 
	.card-columns {
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }

    body {
	background-color: #fff;
	}

	.pl-lg-3, .px-lg-3 {
    padding-left: 0 !important;
	}
 
	h1,h2 {
	font-size: 3em;
	}

}

@media (min-width: 768px) { 




	.toppadding {
		padding-top: 3rem;
	}

.teitapalvelee img {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
	.removeheight {
	min-height: 1px;
}

.description {
		padding: 30px 65px;
}

	.card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }
	
#some_lang_menus {
		text-align: right;
	margin-top: 1rem;
}
	
	body {
		background-color: #fff;
	}
	
	.pr-lg-3, .px-lg-3 {
		padding-right: 1rem!important;
	}
	.pl-lg-3, .px-lg-3 {
		padding-left: 1rem!important;
	}
	
	h1,h2 {
	font-size: 4em;
	}
	.mobilepadding {
		padding: 0;
	}


	
 }

@media (min-width: 992px)   {
	
.lahjakorttiFrame {
	height: 400px;
	
}

	
	body {
		background-color: #E5E5E5;

	}
	
		.yhteystiedot {
		text-align: left;
	}
	

}