body{
	background: #C0E8DE;
	color: #1a3d3c;
	font-family: "Montserrat-Light", sans-serif;
}
#navbarNav{

}
.nav-item a.nav-link{
	float: left;
	margin-left: 30px;
}
@media (min-width: 1300px) {
	.navbar-expand-lg .navbar-nav {
		position: absolute; right: 0;
	}
	.navbar-brand img{
		height: 80px;
	}
	#footer{
		margin-top: 20px;
		position: fixed;
		bottom: 10px;
	}
	.content{
		height: 100%;
		margin-bottom: 20px;
	}
}
@media (max-width: 990px) {
	#footer{
		margin-top: 60px;
		position: relative;
		display: block;
		bottom: 10px;
	}
}
.evasteet{
	color: #1a3d3c;
	text-align: left;
	font-family: "Montserrat-Regular", sans-serif;
	font-size: 14px;
	letter-spacing: 5px;
}
.pull-right{
	float: right;
}
.btn-warning{
	background: linear-gradient(
	266.73deg,
	rgba(243, 168, 65, 1) 0%,
	rgba(240, 140, 50, 1) 52.267515659332275%,
	rgba(239, 119, 42, 1) 100%
	) !important;
	border-radius: 0.3rem !important;
}
.latikot .img-thumbnail{
	height: 80%;
	background: none;
	border: none;
	padding: 10px 10px 10px 60px;
}
.form-control {
	box-shadow: none; 
	border: 0 !important;
	font-size: 16px;
	line-height: 150%;
	font-weight: 300;
}
.form-control:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control.is-invalid {
	border: 1px solid #dc3545 !important;
}
.kirjaudu-veloxnettiin {
	text-align: left;
	font-family: "Montserrat-Light", sans-serif;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 15px;
}
.kirjaudu-veloxnettiin-span {
	color: #1a3d3c;
	font-family: "Montserrat-Light", sans-serif;
	font-size: 35px;
	font-weight: 300;
}
.kirjaudu-veloxnettiin-span2 {
	color: #f08c32;
	font-family: "Montserrat-Light", sans-serif;
	font-size: 35px;
	font-weight: 300;
}
.leveys{
	width: 60%;
}
.tausta {
	/* Rectangle 231 */
	background: rgba(255, 255, 255, 0.6);
}

.oranssiteksti {
  color: #f08c32 !important;
  font-family: "Montserrat-Bold", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 180%;
  font-weight: 700;
  text-transform: uppercase;
}
.palvelut {
  color: #1a3d3c !important;
  text-align: left;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.kokemuksia {
  color: #1a3d3c !important;
  text-align: left;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.meist {
  color: #1a3d3c !important;
  text-align: left;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.yhteystiedot {
  color: #1a3d3c !important;
  text-align: left;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.kirjaudu {
  color: #f08c32 !important;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.kirjaudu2 {
  color: #1a3d3c !important;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.fi-en {
  color: #f08c32 !important;
  text-align: left;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.logotausta {
  background: #f08c32;
  border-radius: 0px 0px 5px 5px;
  width: 148px;
  height: 73.73px;
  position: relative;
  margin-top: -15px;
  margin-left: -90px;
}
.logo {
	margin-top:10px;
	margin-left:15px;
}
.logotausta2 {
  background: #f08c32;
  border-radius: 5px 0px 5px 0px;
  width: 110px;
  height: 55px;
  position: relative;
}
.vasenreuna {
	margin-left:-10px !important;
}
/* Media query puhelimille (esim. max-width: 767px) */
@media only screen and (max-width: 767px) {
  .logotausta {
    margin-left: 0; /* Voit muuttaa tämän haluamaksesi arvoksi tai jättää nollaksi */
  }
}
/* Media query puhelimille (esim. max-width: 767px) */
@media only screen and (max-width: 767px) {
  .vasenreuna {
    margin-left: 5px !important; /* Voit muuttaa tämän haluamaksesi arvoksi tai jättää nollaksi */
  }
}


/*salasananpalautus*/
.topOfAll {
    background: #C0E8DE;
    color: #1a3d3c;
    font-family: "Montserrat-Light", sans-serif;
    border: 0px #ccc solid;
	border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0.6, 0.6); /* Lisää varjo */

}
.topOfAll .main-block{
	padding: 7px 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0.7em;
	top: 10%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px 2px 2px;
	height: 20px;
	background: linear-gradient(
	266.73deg,
	rgba(243, 168, 65, 1) 0%,
	rgba(240, 140, 50, 1) 52.267515659332275%,
	rgba(239, 119, 42, 1) 100%
	) !important;
	border-radius: 0.3rem !important;
	border: none;
	color: white;
	text-indent: -9999px;
	line-height: 0;
}
.ui-dialog-titlebar-close:after {
	content: "x";
	text-indent: 0;
	display: block;
	line-height: initial;
}
.logotausta2{
	margin-left: 20px;
	height: 60px;
	width: 120px;
}
.main-block h3{
    color: #1a3d3c;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin-top: 20px;
}