@media (min-width:1024px){
#isotausta {
     background-size: cover !important; /*instead of auto*/
    -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
 	background-position: center top !important;
  	background-attachment: fixed;
 	height: 100vh;
  }
  
#isotausta_sisalto {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
    /*min-height: 260px;*/
    padding-top: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#isotausta_sisalto_button{
     position: absolute;
    top: 74%;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    min-height: 260px;
    padding-top: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  transform: translateY(-50%);
    z-index: 3;
}
 li#menu-item-991 a {
    background-color: #0196d7;
    padding: 10px 20px;
    border-radius: 2px;
    top: -9px;
    margin-left: 4px;
    border: 1px solid #0196d7;
   text-shadow:none !important;
}
  li#menu-item-991 a:hover {
    background: none;
    border: 1px solid #0196d7;
    color: #0196d7 !important;
}
   
}

input#oma_button {
    background-color: #0196d7;
    padding: 10px 20px;
    border-radius: 2px;
    border: 1px solid #0196d7;
    text-shadow: none !important;
}

#mainnav ul li a {
 font-size: 16px;
 font-weight: 700;
 text-shadow: 1px 1px #616161;
}

.header-clone {
    height: 0px !important;
}
.site-header {
    background: none;
}

div#alatunniste1, div#alatunniste1 a, div#alatunniste1 h2, #designeri {
    color: white;
		text-shadow: 1px 1px 1px black;
}
#mainnav ul li a, #mainnav ul li::before {
    color: #ffffff;
}
.footer-widgets {
    padding: 0px;
}
#paneeli:hover {
    filter: brightness(120%);
}
.site-footer, .site-footer a {
    display: none;
}
div#ala-lomake {
    padding-top: 0px;
}

.widget-area .widget {
    padding-top: 0px;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #494949 !important;
opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #494949 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #494949 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #494949 !important;
opacity: 1;
}

.so-widget-sow-contact-form-default-0f0b2ee6e47c .sow-contact-form .sow-submit-styled .sow-submit:hover {
    color: white;
    background-color: #0196d7;
}

@media only screen and (max-width: 1024px){
  
#mainnav-mobi ul>li>a {
    color: #ffffff;
}
#mainnav-mobi {
    background-color: #0196d7;
}
#mainnav-mobi ul li {
    border-top: 1px solid #00a8f1;
    font-weight: 700;
}
.site-header {
    background-color: #0a0a0a !important;
}
  
.btn-menu {
    font-size: 42px;
    color: #0196d7;
    margin-top: 16px;
}
  
}

@media only screen and (max-width: 767px){
  
.header-wrap .btn-menu {
    float: right;
    margin-right: 20px;
    margin-top: -54px;
}
.site-logo {
    max-height: 64px;
    float: left;
}
.btn-menu {
    font-size: 32px;
    margin-top: 5px;
}
  
}


@media screen and (max-width: 640px){
.sow-cta-base .so-widget-sow-button {
    float: none !important;
}
  #designeri-mobile{
text-align: left;  
  }
  div#designeri {
    text-align: left !important;
}
}