html {
    height:100%;
}

body {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    font-family: Georgia, Times, serif;
    font-size:16px;
    color:rgb(74,60,42);
}

p {
    line-height: normal;
}

h1 {
    font-size:24px;
    margin-top:30px;
    margin-bottom:20px;
}

#header-container
{
    background-color: rgb(210, 167, 99);
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:2em;

}

#top-fluid-container {
    background-color: #f9f4de;
}

.middle {
    display: flex;
    align-items: center;
}

#top-images img
{
    border: 3px solid #f9f4de;
    display: inline;
    margin-left:0px;
}

.navbar-default
{
    background-color: transparent;
    border-color:transparent;
}

#bottom-bar
{
    margin-top:2em;
    margin-bottom:1em;
    padding-top:15px;
    padding-bottom:15px;
    background-color:black;
    color:white;
    font-size:smaller;
}

#page-footer-time
{
    font-size:13px;
}

#page-footer-phone
{
    font-size: 16px;
    font-weight:bold;
}

.nav.navbar-nav>li>a.active {
    color:rgb(185, 24, 6);
}

.nav.navbar-nav>li>a:hover {
    color:rgb(103, 102, 57);
}

.nav.navbar-nav>li>a {
    color:rgb(249, 244, 222);
}

.nav.navbar-nav>li>a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 15px;
    margin-bottom: 5px;
    background-color: rgb(185, 24, 6);
}

#gmap {
    border:5px solid rgb(185, 24, 6);
    height:276px;
    padding:0;
    margin-bottom: 2em;
    margin-top:1em;
}

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    #main-container
    {
        border:15px black solid;
        padding-left:0;
        padding-right:0;
        background-color: #f9f4de;
    }

    #header,
    #page-body {
        padding-left:75px !important;
        padding-right:75px !important;
    }

    #bottom-bar {
        border-radius: 15px;
        font-size:revert;
    }

    #top-fluid-container {
        background: url(images/56350260.jpg);
        background-repeat: repeat;
    }

    #header-container
    {
        background-color: rgb(210, 167, 99);
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom:80px;
    }

    #page-container {
        margin-top:-100px;
    }
    #bottom-line
    {
        margin-left:15px;
        margin-right:15px;
    }

    #top-images img
    {
        margin-left:-6px;
    }

    #top-images img:first-child
    {
        margin-left:0;
    }

}