/*!* Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)* Code licensed under the Apache License v2.0.* For details, see http://www.apache.org/licenses/LICENSE-2.0.*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;700&display=swap');


html,
body {
height: 100%;
padding-top: 0px; 
font-family: 'Inter', Arial, Helvetica, Trebuchet MS, sans-serif;     
font-size: 17px; 
line-height: 23px; 
color: #412b27; 	
background-color: #26211e; 
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 0px 0;
}

a {color: #2db8c5;}
a :hover {color: #222937;}
ol, ul {margin-bottom: 15px;}

/* Otsikot------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 
{font-family: 'Inter', Arial, Helvetica, Trebuchet MS, sans-serif;     	
font-weight: 600; color: #fff; line-height: normal;	
padding: 0;	margin: 0;
}

h1 {font-size: 48px;}
h2 {font-size: 61px; line-height: 61px; margin-bottom:40px;}
h3 {font-size: 27px;}
h4 {font-size: 0.8vw; line-height: 1.6; margin-bottom: 12px; text-align: left;}
h5 {font-size: 19px;}

p {
  margin: 0 0 10px;
  font-size: 0.8vw;
  line-height: 1.6;
  margin-bottom: 35px;
}

.ingressi {font-size: 20px; color:#fff; line-height: 26px;}
.header-text {padding:24% 20px 17% 20px;}
.text-margin {margin-bottom:22% 20px 15% 20px;}

/* Slide------------------------------------------------------------------------------------------*/

.intro-text {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%,-50%); 
	display: table; 
	z-index: 10;
	text-shadow: none; 
	line-height: normal; 	
	outline: 0px solid #FFFFFF; 	
}

.keskitys { 
text-align: center; 
display: table-cell; 
vertical-align: middle; 
padding-top: 10px; 
padding-bottom: 0px; 
color: #FFF; 	
padding-left: 0%; 
padding-right: 34%;}

.intro {
	display: table;
	width: 100%;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: white;
  background-image: url(../images/tanja-poutiainen-henkilokuva.png), url(../images/taustakuva.jpg);
  background-position: right 0px bottom 0px, left top;
  background-repeat: no-repeat, no-repeat;
	background-color: white;
	-webkit-background-size: contain, cover;
	-moz-background-size: contain, cover;
	background-size: contain, cover;
	-o-background-size: contain, cover;
}
.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
}
.intro {
    height: 100%;
    padding: 0;
}

.slogan {color:#fff; font-family: 'Patrick Hand', Arial, Helvetica, Trebuchet MS, sans-serif; letter-spacing: 0.04rem;} 

/* MOBIILI-----------------------------------------------------------------------------------------*/
/* 768------------------------------------------------------------------------------------------*/
@media (max-width: 768px) 
{
  p {margin: 0 0 10px; font-size: 14px; line-height: 1.7; margin-bottom: 20px; text-align: left;}
  h4 {font-size: 24px; line-height: 1.6; margin-bottom: 12px; text-align: left;}
  .kuva-marginaali {margin-bottom: 20px;
 }
  .margin {margin-top: 0px;}				
  .margin-bottom{margin-bottom: 20px;}	
  .content {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;}	h1 { font-size: 30px; }	
  .text-margin-top{padding-top:15px;}	
  .header-kuva-alasivut{margin-bottom: 20px; height:250px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}	
  .header-kuva-content {padding-top: 78px;}
  .slogan {font-size: 53px; line-height: 55px; margin-bottom: 33px;}
.intro-text {width: 90%;}
.keskitys {padding-right: 0%;} 
.margin-top {margin-top: 5px;}		
}



/* 768------------------------------------------------------------------------------------------*/
@media (min-width: 768px) 
{
  p {margin: 0 0 10px; font-size: 14px; line-height: 1.6; margin-bottom: 20px;text-align: left;}
  h4 {font-size: 20px; line-height: 1.6; margin-bottom: 12px; text-align: left;}
  .kuva-marginaali {margin-bottom: 20px;}
  .text-margin-top{padding-top:20px;}
  .slogan {font-size: 55px; line-height: 59px; margin-bottom: 19px;}
  .intro-text {width: 90%;}	
  .intro {background-position: right -200px bottom 0px, left top;}
  .margin-top {margin-top: 10px;}	
}

/* 992------------------------------------------------------------------------------------------*/
@media (min-width: 992px) 
{
  p {margin: 0 0 10px; font-size: 14px; line-height: 1.6; margin-bottom: 20px;}
  h4 {font-size: 21px; line-height: 1.6; margin-bottom: 12px; text-align: left;}
  .kuva-marginaali {margin-bottom: 13px;}
  .text-margin-top{padding-top:11px;}
  .slogan {font-size: 60px; line-height: 62px; margin-bottom: 30px;}
  .intro-text {width: 90%;}
.intro {background-position: right -230px bottom -10px, left top;}
.margin-top {margin-top: 15px;}	
}

/* 1200------------------------------------------------------------------------------------------*/
@media (min-width: 1200px)
{
  p {margin: 0 0 10px; font-size: 14.5px; line-height: 1.55; margin-bottom: 15px;font-weight: 300;}
  h4 {font-size: 23px; line-height: 1.6; margin-bottom: 12px; text-align: left;}
  .kuva-marginaali { margin-bottom: 15px;}
  .margin-left{padding-left:39px; padding-right:55px;}	
  .text-margin-top{padding-top:30px;}	
  .slogan {font-size: 71px; line-height: 66px; margin-bottom: 42px;}
.intro-text {max-width: 90%;}
.intro {background-position: right -55px bottom -30px, left top;}
.margin-top {margin-top: 20px;}	
}

/* 1750------------------------------------------------------------------------------------------*/
@media (min-width: 1750px)
{
  p {margin: 0 0 10px; font-size: 0.8vw; line-height: 1.6; margin-bottom: 25px;}
  h4 {font-size: 1.1vw; line-height: 1.6; margin-bottom: 12px; text-align: left;}
  .keskitys {padding-right: 40%;}
  .intro-text {max-width: 88%;}
  .kuva-marginaali {margin-bottom: 20px;}
  .intro {background-position: right 0px bottom 0px, left top;}
  .margin-top {margin-top: 25px;}	
}

/* mobiili tausta------------------------------------------------------------------------------------------*/
.mobiili-tausta {
	width: 100%;

	padding: 9% 9% 6% 9%;
	text-align: center;
	color: white;
  background-image:url(../images/taustakuva.jpg);
  background-position: left top;
  background-repeat: no-repeat;
	background-color: white;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

/* Slide responsiivisuus------------------------------------------------------------------------------------------*/




@media (max-width: 768px) 
{
.left_text {padding: 6% 6% 6% 6%;}
.right_text {padding: 6% 6% 6% 6%;}
.palvelut-main h2 {font-size: 52px; line-height: 52px; margin-bottom: 27px;}
}

@media (min-width: 768px) 
{
.left_text {padding: 0% 0% 4% 16%;}
.right_text {padding: 0% 21% 4% 1%;}
.palvelut-main h2 {font-size: 65px; line-height: 64px; margin-bottom: 33px;}
}

@media (min-width: 992px) 
{
.left_text {padding: 0% 2% 4% 12%;}
.right_text {padding: 0% 12% 4% 1%;}
.palvelut-main h2 {font-size: 55px; line-height: 56px; margin-bottom: 33px;}
}

@media (min-width: 1200px)
{
.left_text {padding: 0% 2% 4% 16%;}
.right_text {padding: 0% 21% 4% 1%;}
.palvelut-main h2 {font-size: 59px; line-height: 59px; margin-bottom: 33px;}
}

/* Footer------------------------------------------------------------------------------------------*/
footer {background:#e76a0e; margin: 0px 0px;}
.footer-main {padding: 111px 0;}


/* NAVIGAATIO MOBIILI------------------------------------------------------------------------------------------*/
.margin {margin-bottom: 20px;}
.mainarea {padding-top: 35px;}
.keskitys {text-align: left; display: table-cell; vertical-align: middle; padding-top: 0%; padding-bottom: 0px; color: #FFF; font-size: 40px;}
.modal-lg {width: 500px;}

/* BUTTON------------------------------------------------------------------------------------------*/
.btn-default {border-color: #FFF;}
.btn {padding: 6px 12px;font-size: 16px; border: 0px solid transparent; border-radius: 9px;}

.btn {
   padding: 14px 29px 15px 29px;
font-size: 18px;
border: 0px solid transparent;
border-radius: 33px;
letter-spacing: 0.00rem;
}
.btn-default {
    border-color: #FFF;
}
.btn-default {
    color: #f77311;
    background-color: #fdc311;
    border-color: #ccc;
    font-family: 'Montserrat', Arial, Helvetica, Trebuchet MS, sans-serif;
    /*! text-transform: uppercase; */
}