html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Roboto', sans-serif !important;
}
.jumbotron.vertical-center {
    margin-bottom: 0;
    background: url("../img/base_bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    

}

.vertical-center {
    width: 100%;

    min-height: 100%;
    min-height: 100vh;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
  
    -webkit-box-align : center;
    -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;

         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
    -webkit-justify-content : center;
          justify-content : center;
}

.container {
    
}

.logo { width: 500px; margin-top: 40px !important; }

.img-responsive.img-center {
    margin: 0 auto;
}

ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 50px 0 0 0 !important;
}
ul li {
    display: list-item;
    width: 150px;
    height: 42px;
    line-height: 44px;
}
ul li:nth-child(2),
ul li:nth-child(3) { margin-left: 4px; }

ul li a:link, ul li a:visited  {
 
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;

    background: #009EE3;
    color: #FFF;
    display: table;
    width: 150px;
    height: 42px;
    line-height: 44px;
    text-decoration: none;
-webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);
            box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);    

}
ul li a:hover {
    background: #2F2483;
    text-decoration: none;
}