.bg-black {background: #2d2d2d;}

.bg-gray {background: #eee;}

.bg-blue {background: #2a3e8c;}

.bg-sea {background: #73cff4;}


.bg-with-image {background: white url("img/sinitaivas-bg.png") no-repeat scroll center 0;}

.bg-top-i { background: white url("img/top-bg.png") no-repeat scroll left 0; background-size: 20%;}


.max {max-width: 969px;}

.with-top-margin {margin-top: 30px; }

.with-small-margins {margin-top: 10px; margin-bottom: 10px;}


#link-wrapper > a:focus, #link-wrapper > a:hover {

  background-color: #eee;
  text-decoration: none;

}


.link-box {padding: 5px 0px 5px 0px;}


.link-box:hover, .link-box:focus {
  background: #ddd;
  color: #23527c;
}

.link-box > a:hover {
  text-decoration: none;
}


#link-wrapper > .link-box > a:focus, #link-wrapper > .link-box > a:hover {
  background-color: #eee;
}


#logo-wrapper {margin: 20px 0px 20px 0px; }




.gray {background: #e5e5e5;}
.white {background: #fff;}

.yellow-text {color: #fe9f05;} 
.orange-text {color: #fd7a00;}
.white-text {color: #fff;}
.red-text {color: #e54710;}
.blue-text {color: #2a3e8c;}   /* Tekstin väri */



.max-300 {max-width: 300px;}

.center {text-align: center;}


.img-wrapper {margin: auto; max-width: 350px;}


.img-service { width: 45px; float: left; margin: 10px 15px;}
.service-header { min-height: 65px;} 
.service-header-text { padding: 10px 0px; margin: 0px;}
.service-body { min-height: 180px; padding-bottom: 7px;}


.box {min-height: 250px; padding-left: 40px; padding-right: 40px;}


.service-box { margin-top: 10px; margin-bottom: 10px;}


#bottom-info {padding-bottom: 10px;}

#googlemap {height: 312px;}

#some-wrapper {}



/* mobiili */ 






/* isommat kuin mobiili */

@media screen and (min-width: 767px) {
  

  .with-margins {margin-top: 45px; margin-bottom: 30px;}


  .link-box {padding: 10px 0px 10px 0px;}

}


@media screen and (max-width: 766px) {

  .with-margins { margin-top: 20px; margin-bottom: 20px; }

}




/* TYPOGRAPHY */ 

h1 {font-family: "Alegreya Sans", Arial, sans-serif; font-weight: 900;}
h2, h3, h4, .big {font-family: "Alegreya Sans", Arial, sans-serif; font-weight: 900;}

p, li {font-family: "Alegreya Sans", Arial, sans-serif; font-weight: 400; font-size: 18px;}

h3 {font-size: 22px;}

.big {font-size: 40px;}

.sisaltaa { padding: 10px 20px; font-weigth: bold; }


/* Bootstrap overrides */

a {color: #44a3c6;}




/* Ansa ei-ihmisille */

input#comment {display:none;}



/* Logojen asemointi kivasti */

.logo-wrapper {margin: auto; max-width: 230px;}
.logo-img {max-width: 200px;}

@media screen and (min-width: 992px) {

	.logo-wrapper {max-width: 236px;}

}

@media screen and (min-width: 767px) and (max-width: 991px) {

	.logo-img {max-width: 160px;}

}


/* mobiilikoossa */

@media screen and (max-width: 766px) {

	.add-margin-in-mobile {margin-top: 30px;}

}