.nav-main {
    background: #222;
    color: #fafafa;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 100%;
    z-index: 100;
}

.nav-main .nav li>a{
    color: #fafafa;
}
.nav-main .nav li>a:hover {
    color: #fafafa;
    background: #111;
}


.hero {
    min-height: 300px;
    background: #2d2d2d;
    color: #e9e9e9;
    padding-top: 50px;
}

.hero .text {
    text-align: center;
    font-size: 64px;
}
.hero .minitext {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.hero .logo img {
    text-align: center;
    width: 100px;
}

.app-center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
}

#measurement-kit-logo {
    width: 156px;
}

.app-large {
    font-size: 150%;
}