@font-face {
	font-family: cooper;
	src: url(../fonts/COOPBL.ttf);
}
html {
	scroll-behavior: smooth;
}
.logo_a img {
    width: 180px;
}
a.ikonit {
    color: white;
    background: #959595;
    border-radius: 29px;
    padding: 4px 11px;

}
.ikoni_tuunaus {
	padding: 4px 8px !important;
    /* facebook menee littanaksi */
}
.piiloon {
	visibility: hidden;
}
.s_ikoni {
	margin-bottom: 0;
}
.ymp_ikoni {
	    margin-bottom: 5px;
	    margin-top: 5px;
}
.top_nav {
	background: white !important;
	padding: 15px 15px;
}
::selection {
	background: #302b6e;
	color: white;
}
/*navigointi*/
@media (min-width: 768px){
	.navbar-expand-md .navbar-nav .nav-link {
	    padding-right: 30px;
	    padding-left: 0px;
	}
}
.bg-dark {
    background-color: #302B6E!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.89);
}
/**/
.toimisto_taustakuva {
	position: relative;
	height: 600px;
	    background: rgba(0, 0, 0, 0.27);
}
.toimisto_taustakuva:before {
	content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url('../images/toimisto.jpg');
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  /* vähä blurria */
  filter: blur(5px);
}
.center {
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content_center h1 {
    text-align: center;
    font-size: 52px;
    color: white;
}
.content_center p {
    text-align: center;
    font-size: 20px;
    color: white;
    padding: 5px 0;
}
.btn-primary {
    color: #fff;
    background-color: #302b6e;
    border-color: #302b6e;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2a2752;
    border-color: #2a2752;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #ffffff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #ffffff;
}
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2a2752;
    border-color: #2a2752;
}
.poista_linkkimuotoilu {
	text-decoration: none !important;
	color: unset !important;
    /*muuten menee linkiksi koko teksti */
}
.paddingia {
	padding: 100px 0;
}
.laatikko_kuva {
	text-align: center;
    font-size: 65px;
    color: #302b6e;
}
.laatikko_otsikko {
	font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #302b6e;
}
.laatikko {
    border: 1px solid #f4f4f4;
    border-radius: 9px;
    padding: 14px 18px;
    box-shadow: 0 8px 20px #f3f3f3;
    transition: 0.4s ease-in-out;
}
.laatikko:hover {
    box-shadow: 0 8px 20px #bdbdbd;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}
.harmaa {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	background: #f7f7f7;
}
.harmaa:hover {
    background: #eee;
}
.tekstin_otsikko {
    font-family: cooper;
    color: black;
    text-align: center;
    font-size: 40px;
    margin-bottom: 35px;
}
.teksti {
    font-size: 20px;
}
.footer {
    background: #302b6e;
    color: white;
    padding: 20px 0;
}
.footer p {
	margin: 0;
	text-align: center;
}
.nnn {
	display: none;
}

/* iPadillä näytön leveys on 768 */
@media screen and (max-width: 767px) {
	a.logo_a {
	    width: 100%;
	    display: block;
	}
	.venyt {
		width: 100%;
	}
	.logo_a img {
	    width: 180px;
	    display: block;
	    margin: auto;
	    margin-bottom: 20px;
	}
	.ikonit {
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}
	.nnn {
		display: block;
	}
	.pois {
		display: none;
	}
	.center {
	    position: absolute;
	    top: 50%;
	    left: 0%;
	    transform: translate(0%, -50%);
	}
	.content_center h1 {
	    font-size: 47px;
	}
	.toimisto_taustakuva {
	    height: 500px;
	}
	.toimisto_taustakuva:before {
		height: 500px;
	}
	.piiloon {
	    visibility: hidden;
	    display: none;
	}
	.laatikko {
	    margin-bottom: 25px;
	}
	.paddingia {
	    padding: 80px 0;
	}
	.teksti {
	    font-size: 17px;
	}
}