.navbar { /*ipadilla ei ollut fixed */
  position: fixed;
  padding: 0px;
  margin: 0px;
}


#tophomeicon {
vertical-align:baseline;
}
#logokuva {
	margin: 65px 20px 140px 20px;
}
.sloganvertical {
	width: 100%;
	min-height: 50px;
	background-color: #F8F8F8;
	clear: both;
}
.visuallyhidden {
height: 0px;
clear: none;
overflow: hidden;	
}

.sloganvertical h2{
margin: 22% 0px 0px 30px;
line-height: auto;
}
.sloganvertical.firsth2 h2{
margin: 33px 0px 0px 30px;
}


.photo {
/*height: 450px;*/
background-position: 50% 0;
/*   background-attachment: fixed;
background-repeat: no-repeat;
position: relative; */
background-repeat: no-repeat;
position: relative; 
}
.photo.destopstellar {
min-height: 450px;
background-attachment: fixed;
/* background-position: left 0; */
position: relative; 
}


.photo.mobilestellar2 { /*mobilestellar2 */
background-size: 100%;
}


#maincontainer3 {
  padding-top:20px;
}

.wrappic1 {
background-image: url("../template/korjaus-1280.jpg");
 min-height: 560px;
/*text-align: center;*/
/*width: 100%; */
}

.wrappic2a {
background-image: url("../template/keskuskasaus-1280.jpg");
/* min-height: 400px;
text-align: center;
width: 100%; */
}

.wrappic2 {
background-image: url("../template/kotelonovi-1280.jpg");
/* min-height: 400px;
text-align: center;
width: 100%; */
}

.wrappic3 {
background-image: url("../template/palaveri3.jpg");
/* min-height: 400px;
text-align: center;
width: 100%; */
}
.wrappic4 { /*tekiikka */
background-image: url("../template/tausta4.jpg");
/* min-height: 400px;
text-align: center;
width: 100%; */
}
.wrappic8 { 
background-image: url("../template/galleriakollaasi-1280.jpg");
/*text-align: center;
width: 100%; */
}

.wrappic7 { 
background-image: url("../template/pumppaamokeskus.jpg");
}

.photo.destopstellar.wrappic8, .photo.destopstellar.wrappic7 {
min-height:400px;
}

#gallery-fluid-container2 img {
  max-width:80%;
}

.photowrapbottomshadow {
height: 50px;
width: 100%;
display: block;
position: absolute;
bottom: 0px;
background: transparent url('../template/photowrapbottomshadow.png') bottom left repeat-x;	
}
.containermargin {
margin: 15px 5px 10px 30px;
min-height: 400px;
}


.textbg1 {
  background-color: #efefef;
}
.pattern1 {
	background: #efefef url('../template/textbg_grey01.png') bottom right no-repeat;
}
.pattern2 {
	background: #efefef url('../template/textbg_grey01.png') bottom right no-repeat;
}
.pattern3 {
	background: #efefef url('../template/textbg_grey01.png') bottom right no-repeat;
}
.pattern4 {
	background: #efefef url('../template/textbg_grey01.png') bottom right no-repeat;
}
.pattern5 {
	background: #efefef url('../template/textbg_grey01.png') bottom right no-repeat;
}
/*
.photo {
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  height: 450px;
  position: relative;
}
*/

.photo div:first {
  bottom: 0;
  color: white;
  display: block;
  font-size: 38px;
  left: 50%;
  margin-left: -640px;
  padding: 10px;
  position: absolute;
  text-shadow: 0 2px 0 black, 0 0 10px black;
  width: 1280px;
}


.backtotoplink {
  float:right;
  margin-right:30px;
}

#tuunix, #tuunix a{
color:#CBCECF;
float: right;
margin-right: 10px;
font-size: 11px;
}

#tuunix:hover{
color:#777;
}

#tuunix a:hover{
color:#2222ff;
}

@media (max-width: 460px) { 
h1 {font-size:18px !important;}
h2 {font-size:16px !important;}
h3 {font-size:15px !important;}
}

@media (max-width: 500px) { 
h1 {font-size:20px !important;}
h2 {font-size:18px !important;}
h3 {font-size:16px !important;}
}

/*ipad Landscape */
@media only screen and (max-device-width: 1024px) {
h1 {font-size:22px !important;}
h2 {font-size:20px !important;}
h3 {font-size:18px !important;} 
.sloganvertical h2 {
  margin: 14em 0px 0px 30px;
}
.sloganvertical.firsth2 h2{
margin: -33px 0px 0px 30px;
}
}

/* ipad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
h1 {font-size:22px !important;}
h2 {font-size:20px !important;}
h3 {font-size:18px !important;} 
.sloganvertical h2 {
  margin: 12em 0px 0px 30px;
}
.sloganvertical.firsth2 h2{
margin: -60px 0px 30px 30px;
}
}

/* kaikki pienet laitteet */
@media (max-width: 767px) { 
.sloganvertical {background:transparent;position:absolute;bottom:0px;}
.sloganvertical h2 {margin: 0px 0px 0px 2px;color:#fff;}
.sloganvertical.firsth2 h2{margin: -4em 0px 0px 0px;display:none;}
.photowrapbottomshadow{display:none;}
}


@media (max-width: 460px) { 
h1 {font-size:18px !important;}
h2 {font-size:16px !important;}
h3 {font-size:15px !important;}
.wrappic1{margin-top: 42px;}
.photo{max-height: 125px;min-height: 110px;}
.photo.wrappic1{max-height: 120px;}
#logokuva{max-width: 30%}
.sloganvertical h2 {margin: 3em 0px 0px 2px;}
.sloganvertical.firsth2 h2{margin: 0px 0px 30px 30px;}
}

@media (min-width: 460px) and (max-width: 500px) { 
h1 {font-size:20px !important;}
h2 {font-size:18px !important;}
h3 {font-size:16px !important;}
.wrappic1{margin-top: 50px;}
.photo{max-height: 180px;min-height: 150px;}
.photo.wrappic1{max-height: 180px;}
#logokuva{max-width: 50%}

}

@media (min-width: 501px) and (max-width: 757px) { 

.wrappic1{margin-top: 42px;}
.photo{max-height: 230px;min-height: 190px;}
.photo.wrappic1{max-height: 240px;}
#logokuva{max-width: 50%}
}

@media (min-width: 758px) and (max-width: 801px) { 
.wrappic1{margin-top: 22px;}
.photo{max-height: 450px;min-height: 300px;}
.photo.wrappic1{max-height: 450px;}
#logokuva{max-width: 50%}
}

@media (min-width: 980px) { 
.wrappic1{margin-top: 22px;}
.photo{max-height:450px;min-height: 420px;}
.photo.wrappic1{max-height: 450px;}
#logokuva{max-width: 40%}
.form-horizontal .controls { /*formi ei toimi kunnolla 1023px */
  margin-left: 120px;
}
.form-horizontal .control-label {
  width: 110px;
}

}

@media (min-width: 1281px) { 
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 1170px;
}
}
















@media print {
.noprint, form .form, .form-horizontal {
display:none;
visibility:hidden;
clear:none;
}
}