body {
    font-family: "Segoe UI", "Open Sans", sans-serif;
    color: #424242;
    font-size: 15px;
}

h1 {
    font-size: 22px;
    color: #CC3399;
    font-weight: 100;
}

    h1:last-child {
        font-weight: 600;
    }

@media (min-width: 768px) {
    h1 {
        font-size: 34px;
    }
}

h2 {
    font-size: 18px;
    color: #CC3399;
}

@media (min-width: 768px) {
    h2 {
        font-size: 20px;
    }
}

h3 {
    font-size: 15px;
    color: #CC3399;
}


ul {
    padding-left: 26px;
}

li {
    margin-top: 0.5em;
}

.dl-horizontal dt{
    white-space:normal;
}

dd{
    margin-bottom: 10px;
}

#title {
    background-color: #932470;
    color: white;
    padding: 40px 0;
    margin: 20px 0;
}

    #title h1 {
        color: white;
        font-size: 60px;
        /*font-weight: 400;*/
    }

    #title h2 {
        color: #FCF4F8;
    }

#toc {
    padding: 20px 0 0 0;
}

    #toc a {
        color: gray;
        font-size: 15px;
    }

.toc-h1 {
    font-size: 15px;
}

.toc-h2 {
    margin: 0 0 0 12px;
}

.toc-h3 {
    margin: 0 0 0 24px;
}


footer {
    margin-top:40px;
    background-color: #3C3C3C;
}

    footer .container {
        padding: 10px 15px;
    }

    footer h1, footer h2, footer p {
        color: #ddd;
    }

.company-info p, .company-info h2 {
    color: #999;
}

@media (min-width: 768px) {
    .company-info {
        border-left: solid;
        border-width: 1px;
        border-color: #999;
    }
}

#map {
    height: 330px;
    background-image: url('Images/map.jpg');
    background-size: auto 330px;
    background-repeat: no-repeat;
    background-position: center;
}