body, html {
    height: 100%;
    width: 100%;
}
body {
    font-size: 16px;
}

.bg {
    background-color:#444;
    min-height: 100vh;
    min-width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logo {
    margin: 0 auto;
    max-height: 200px;
}
.content-container,
.logo-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.content-container {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
    padding: 25px;
}

.logo-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
}
#clock {
    line-height: 30px;
}

#clock .nums {
    color: #fff;
    font-weight: bold;
    font-size: 5rem;
}

#clock .hint {
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
}

.mb-30 {
    margin-bottom: 30px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-10 {
    margin-top: 10px;
}
.white {
    color: #fff;
}

.btn-lg {
    padding: 8px 50px;
}
.slogan {
    text-transform: uppercase;
    letter-spacing: 0.5ex;
    font-size: 1.5em;
    font-weight: bold;
    color: #c9b88b;
}

.slogan.phone {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: none;
}

.slogan.phone a{
    font-weight: bold;
    font-size: 1.2em;
    color: inherit;
    text-transform: none;
}

.btn-primary {
    background-color: #97805c;
    border-color: #e0cd9a;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus {
    background-color: #776548;
    border-color: #e6dac5;
}