@media (min-width: 576px) {
    body {
        padding-top: 30px;
        padding-bottom: 30px;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 62%, rgba(118,173,214,1) 100%);
    }
}

a {
    color: #29669a;
}

.container {
    background-color: #ffffff;
}

.logo {
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    height: 81px;
}

#slogan {
    color: black;
}

#slogan h1 {
    color: black;
    font-size: 2em;
    margin: 0;
}

#slogan h2 {
    color: black;
    font-size: 1em;
    margin-left: 1px;
}

.navbar-dark
{
    background: linear-gradient(to bottom, rgb(34,136,209) 35%,rgb(33,66,197) 86%);
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .dropdown-menu .nav-link {
    color: #000000;
}

#content h1, #content h2 {
    margin-top: 0;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

textarea {
    resize: none;
}

#map {
    height: 200px;
}

.hidden {
    display: none;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}