@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: local('OpenSans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


::-webkit-input-placeholder {
    color:#585858;font-size:20px;
}

:-moz-placeholder { /* Firefox 18- */
    color:#585858;font-size:20px;  
}

::-moz-placeholder {  /* Firefox 19+ */
    color:#585858;font-size:20px;  
}

:-ms-input-placeholder {  
    color:#585858;font-size:20px;  
}

body{background:#ffffff;padding:0px;margin:0px;text-align:center;height:100%;font-family:'OpenSans', sans-serif;color:#42555c;}

#mainwrapper{margin:0px auto 32px auto;}
.mainrow{width:964px;margin:10px 0;}

#logo{cursor:pointer; margin-top: 20px;}
#logo:hover{opacity:0.8}

h1,h2,h3,p a, .light_header, .quote{  color: #1A7EA9;}
h1,h2,h3{line-height:120%;}
h1{font-size:20px;text-transform:uppercase;}
h2{font-size:20px;}
h3{font-size:18px;}
p{text-align:justify;}

.footer{text-align:center;width:100%;font-size:12px;}

#mainframe {border: 1px solid rgb(200, 200, 200); padding-top: 20px; padding-bottom: 20px; margin-top: 20px;}

.menu a{text-decoration: none;}

/*desktop*/
@media screen and (min-width: 964px) {
    #mainwrapper{width:964px;text-align:left;}
    .mainrow{width:964px;margin:10px 0;}
    .sahkolomake{  width: 952px;
                   margin: 0 6px 30px 0;
                   background: #FFFFF;
                   padding-bottom: 30px;
                   border: 1px solid rgb(27, 136, 184);
    }
    .sahkolomake form{padding:25px;}
    .small_element{width:317px;float:right;clear:none;}
    .large_element{width:635px;float:left;clear:none;}
    .offer{padding:10px;margin-bottom:40px;border:1px solid #eeeeee;clear:both;}
    .offer_pic{width:200px;float:left;clear:none;}
    .offer_content{width:500px;float:left;clear:none;}
    .offer_price{color:#7eb80e;font-size:20px;}
    .offer_apply{width:200px;float:right;clear:none;}
    .margin-right-lg{margin-right:3%}
}

/*mobile*/
@media screen and (max-width: 963px) {
    #mainwrapper{width:95%;}
    #logo{  clear: both;
            margin-top: 20px;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            width: 280px;}
    .mainrow{width:100%;margin:10px 0;}
    #people{  clear: both;
            margin: 0 auto;
            width: 100%;}
    .sahkolomake{width:100%;margin:0 6px 30px 0;background-color:#1B88B8 ;padding:20px 10px 40px 10px;box-sizing: border-box;}
    input[type="field"], input[type="text"], select{width:90%;margin:0 auto;}
    .field50, .field100{clear:both;width: 100%;}
    .field25 {width: 48.5%;}
    .offer{padding:10px;margin-bottom:40px;border:1px solid #eeeeee;clear:both;}
    .offer_pic{float:left;clear:none;}
    .offer_content{float:left;clear:none;}
    .offer_price{color:#7eb80e;font-size:20px;}
    .offer_apply{width:200px;margin:10px auto;}
    hr {
        margin: 10px 0;
    }
    .sahkolomake button{
        margin: 20px auto 0px auto;
        float: none;
    }
}
@media screen and (min-width: 500px) {
    .margin-right-m{margin-right:3%}
}
@media screen and (max-width: 500px) {
    .field25{width: 100%;margin:0;}
}
@media screen and (max-width: 963px) {
    /*.input-wrapper {
        width: 48%;
        margin-right: 2%;
    }*/
}
@media screen and (max-width: 570px) {
    /*.input-wrapper {
        width: 100%;
        margin-right:0;
    }*/
}