body {
    background-color: #fff;
    position: relative; 
}
.navbar {
    position: fixed;
    padding: 0px;
    margin: 0px;
}

#tophomeicon {
    vertical-align:baseline;
}

#logokuva {
    margin: 30px 20px;
}
.sloganvertical {
    width: 100%;
    min-height: 50px;
    background-color: transparent;
    clear: both;
    color: #fff !important;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, .8);
}
.sloganvertical h2 {
    margin: 0px 30px;
    /*line-height: 50px;*/
}
.sloganvertical.sloganmargin h2{
    margin: 25% 0px 0px 30px;
    line-height: normal;
}
.visuallyhidden {
    height: 0px;
    clear: none;
    overflow: hidden;   
}


.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%;
}

.wrappic1 {
    background-color: #777;
    background-image: url("../template/tausta01.jpg");
}



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

.tuntikuvaus {
    color:#8cbe21;
    text-shadow: 1px 1px 0px #777;
    padding: 4px 10px 4px 2px;
    background-color: #fff;
    letter-spacing: 2px;
}

.textbg1 {
    background-color: #fdf8ea;
}
.pattern1, .pattern2 {
    background-color: #fff;
}

.form-palaute-error {
    color:#ee3333;
}


img.photo-right {
    text-align:right;
    float:right;
}
.img-logot img {
    margin-bottom:6px;
}
.borderphoto img {
    -moz-box-shadow: 0 4px 2px -2px gray;
    -webkit-box-shadow: 0 4px 2px -2px gray;
    box-shadow: 0 4px 2px -2px gray;
}

footer {
    background-color: #fbf1d6;
}

footer p {
    margin-bottom: 0px;
}
#tuunix, #tuunix a{
    color:#CBCECF;
    float: right;
    margin-right: 10px;
    font-size: 11px;
    display:inline-block;
}
span#tuunix {
    width:134px;
}

#tuunix:hover{
    color:#777;
}

#tuunix a:hover{
    color:#2222ff;
}
h1, h2, h3 {
    line-height: normal; 
}

/* input[placeholder], [placeholder], *[placeholder] {
    color: #ddd !important;
}
 */

@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: 80%;margin-top:10px;}
    .sloganvertical h2 {line-height:20px !important;margin: -80px 0px 0px 20px;}
}

@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: 80%}
}

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

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

}

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

@media (min-width: 980px) { 
    .wrappic1{margin-top: 41px;}
    .photo{max-height:450px;min-height: 380px;}
    .photo.wrappic1{max-height: 210px;}
    #logokuva{max-width: 80%}
    .form-horizontal .controls { /*formi ei toimi kunnolla 1023px */
        margin-left: 120px;
    }
    .form-horizontal .control-label {
        width: 110px;
    }
    .sloganvertical h2 {
        margin: 0px 10px;
        line-height: 30px;
    }
}

@media (max-width: 1202px) { 

}

@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;
    }
}