/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

.jumbotron h1 a{
  font-size: 38px;
  color: #425678;
}
body {
    color: #425678;
}
body p{
    color: #000000;
}


/* Customize the nav-justified links to be fill the entire space of the .navbar */
.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    background-color: #FFFFFFF;
}

.container-fluid{
    border-color: #425678;
    box-shadow: 0 4px;
}

.navbar-default {
    font-size: 24px;
    background-color: #FFFFFF;
    border-bottom: 2px;
    border-color: #FFFFFF;
}
.navbar-default a,
.navbar-link:hover,
.navbar-link:focus {
    color: #425678;
    border-bottom: 2px;
    border-color: #425678;
    background-color: #FFFFFFF;
}
ul.nav a:hover { background-color: #FFFFFFF !important; box-shadow: 0 2px; }
ul.nav li.aktiivinen,
ul.nav li.active:hover,
ul.nav li.active,
ul.nav li.active:focus,
ul.nav li.active a:focus { background-color: #425678 !important; box-shadow: 0 4px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background-color: #425678 !important;
    color: #FFFFFF !important;
}
.navbar-default .navbar-nav > li > a {
    color: #425678 !important;
}
.navbar-inner {
  text-align:center;
}
@media ( max-width: 768px){
    .nav {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px){
    .navbar-nav{
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float:none;
    }
    .navbar-nav>li {
        padding-left: 20px;
        padding-right: 20px;
    }
}  
@media (min-width: 992px) {
    .navbar-nav>li {
        padding-left: 50px;
        padding-right: 50px;
    }
}