@media (min-width: 700px) and (max-width: 1000px){
   #pasilogo {
        width: 149px !importan;
    }
}

#pasilogo{
    position: relative;
    width: 167px;
}



#pasi{
    
    width: 50px;
}

#map {
        width: 100%;
        height: 400px;
      }

@media (max-width: 600px){
  
  .Otsikkoteksti {
    

    font-size: 24px !important;
    }
    div.intro-lead-in{
        
            background: rgba(113, 149, 173, 0.61) !important;
    border-radius: 8px !important;
    }
    
}

.Otsikkoteksti {
    
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-size: 44px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 25px;
       color: #000A69;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.43);
 
    text-shadow: lightseagreen;
    border-radius: 23px;
}

.Leipateksti {
    
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 600;
    line-height: 29px;
    text-align: justify;
    margin-bottom: 25px;
    font-weight: 200;
    TEXT-RENDERING: geometricPrecision;
        color: #000A69;
    padding: 50px 173px 50px 173px;
 
    text-shadow: lightseagreen;
    border-radius: ;
    text-transform: none;
}

.yhteys {
        text-align: center;
    text-align: -moz-center;

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 600;
    line-height: 29px;
   text-align: -webkit-center;
    margin-bottom: 25px;
    font-weight: 200;
    TEXT-RENDERING: geometricPrecision;
        color: #000A69;
   
    text-shadow: lightseagreen;
    border-radius: ;
    text-transform: none;
}

@media (min-width: 992px){
.col-md-4 {
    width: 25% !important;
}
}


#cooleus {
       
    background: linear-gradient(rgb(255, 255, 255), rgba(129, 191, 245, 0.5));

}
.cooleus2 {
        
    background: linear-gradient(rgba(16, 76, 112, 0.63),rgba(255, 255, 255, 0.85));

}

.cooleus3 {
        
    background: linear-gradient(rgba(16, 76, 112, 0.63),rgba(16, 76, 112, 0.63));

}
.cooleus {
   
    background: linear-gradient(rgba(255, 255, 255, 0.99) 16%, rgba(16, 76, 112, 0.63)) !important;

}



.navbar-default.navbar-shrink {
    
    background-color: rgb(0, 65, 103);
    padding: 10px 0;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #00748E;
}

.text-primary {
    color: #5781A0;
}

.btn-xl {
    color: #fff;
    background-color: #00748E;
    border-color: #00748E;
    
}

.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.29);
}


.company-details {
    top:10px;
}

.copyright {
        background-color: rgba(15, 76, 111, 0.71);
    border-radius: 12px;
        
}

a:hover, a:focus, a:active, a.active {
    color: #007CDA;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

a {
   color: #1B3850;
    text-decoration: none;
}

.fa-home:before {
    content: "\f015";
    font-size: 20px;
}

.koti...:hover{
    
    border-radius: 0;
    color: #fff;
    background-color: #00748E;
}
@media (max-width: 1000px){
   .kuvatpois {
 display: none;
        }    
    
    .copyright {
        
        top: 20px;
}
    .Leipateksti{
             padding: 5px 5px 5px 5px; 
        
    }
}

@media (max-width: 800px){
.navbar-default {
    
       background: linear-gradient(to right, rgb(188, 208, 218) 19%, rgb(188, 208, 218) 104%) !important; 
     
    border-color: transparent;
}
    .navbar-default.navbar-shrink {
    background-color: rgb(103, 170, 210);
   
    padding: 10px 0;
}
    
    
}




.vali {
    padding-bottom: 80px;
}

.hinnat {
        text-align: center;
    color: rgb(248, 253, 255);
    font-weight: 700;
}

.huoltoteksti {
        color: azure;
       
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 600;
    line-height: 29px;
    text-align: justify;
    margin-bottom: 25px;
    font-weight: 200;
}

.navbar-default{
    background: linear-gradient(to right, rgb(255, 255, 255) 19%, rgba(0, 65, 103, 0.59) 104%);

}