/* Menu */
.container{
    max-width: 1000px;
}
.background-color{
    background-color:#F6FAFF;
}
.navbar-inverse {
    background-color: #F6FAFF;
    border:none;
}

.navbar-inverse .navbar-brand {
    color: #494949;
    font-size:22px;
    font-weight:bold;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: black;
}

.navbar-inverse .navbar-nav > li > a {
    color: #494949;
    font-size:18px;

}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: orange;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #8E8E8E;
}

/* mobile version */
.navbar-inverse .navbar-toggle {
    border-color: #DDD;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #CCC;
}

    .page-header{
        margin-top:0px;
    }
    /*Alamarginaali*/
    .alamarginaali{
        border-top:solid black 1px;
        margin-top:10px;
    }
    /*Etusivu #E6E6E6*/
    #index-body{
        
    }
    #index_img1{
        border:solid black 2px;
    }
    #index_img2{
        border:solid black 2px;
    }
    .col-md-6 h4{
        text-align:center;
        font-size:23px;
        font-weight:bold;
    }
    #index_text1{
        font-size:16px;
    }
    #index_text2{
        font-size:16px;
    }
    .img-responsive{
        margin-top:15px;
        margin-bottom:15px;
    }
    
    @media (max-width: 992px){
        #index_img1{
            margin-left:auto;
            margin-right:auto;
            
        }
    }
    @media (max-width: 992px){
        #index_img2{
            margin-left:auto;
            margin-right:auto;
        }
    }
    @media (max-width:992px){
        #index_text2{
            text-align:center;
        }
    }
    
    /*Palvelut*/
    @media (max-width:992px){
        .col-md-4{
            text-align:center;
        }
    }
    
    .col-md-4{
        border:solid black 3px;
        height:215px;
        font-size:17px;
        margin-right:50px;
        margin-bottom:50px;
    }
    .col-md-4 ul{
        text-align:center;
    }
   .col-md-4 h4{
        text-align:center;
        font-size:20px;
        font-weight:bold;
    }
    .notaatio{
        font-size:20px;
        font-weight:bold;
    }
    
   
    /*Yhteystiedot*/
    #yhteystiedot{
        font-size:17px;
    }
        #tyontekija{
        font-weight: bold;
        font-size:18px;
    }
    #tyontekija a{
        color:black;
    }
    #tyontekija a:hover{
        color:#00aabb;
    }
    
    /*Esa Ruotsalainen*/
    #esaruotsalainen h3 {
        font-weight:bold;
    }
    #esaruotsalainen h5{
        margin-top:20px;
        font-weight:bold;
    }
    .list_tyokokemus{
        list-style: circle;
    }
    
    /*Mallisto*/
    @media (min-width: 992px){
        #toteutukset{
            width:1000px;           
        }
    }
    #mallisto_otsikko{
        font-weight:bold;
    }
    @media (max-width: 992px){    
    #mallisto_otsikko{
        text-align:center;
        }
    }    
    #toteutukset h5 {
       text-align:center;
       margin-top:30px;
       font-size:20px;
    }
    #toteutukset_teksti1{
        text-align:justify;
    }
    #toteutukset_teksti2{
        text-align:justify;
    }