body
{
    background: url('images/page-bg.jpg') no-repeat top center;
    background-attachment: fixed;
    background-size: cover;
    font-family: "Arial", sans-serif;
    font-size: 1rem;
    line-height: 180%;
    color: #2f2922;
}

.bg-dark {
    background: #624118;
    color: white;
}

h1,h2,h3 {
    font-family: "Comic Sans MS",sans-serif;
    color: #292f0f;
    line-height: 125%;

}

h1#page-title {
    font-size:2rem;
    margin-top: 0px;
}
p.lead {
    color: #292f0f;
    font-size: 1.1rem;
}

.p-0 { padding: 0px; }
.p-1 { padding: 5px; }
.p-2 { padding: 10px; }
.p-3 { padding: 15px; }
.p-4 { padding: 20px; }
.p-5 { padding: 25px; }
.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 5px; }
.pt-2 { padding-top: 10px; }
.pt-3 { padding-top: 15px; }
.pt-4 { padding-top: 20px; }
.pt-5 { padding-top: 25px; }
.pb-0 { padding-bottom: 0px; }
.pb-1 { padding-bottom: 5px; }
.pb-2 { padding-bottom: 10px; }
.pb-3 { padding-bottom: 15px; }
.pb-4 { padding-bottom: 20px; }
.pb-5 { padding-bottom: 25px; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.btn {
    padding: 8px 16px;
    background: #292f0f;
    border-radius: 4px;
    border: 1px solid #1c200a;
    color: white;
    text-align: center;
    text-decoration: none;
    transition: background-color 500ms;
    font-family: "Comic Sans MS", sans-serif;
}
.btn:hover {
    background: #394115;
}


#wrapper {
    background: #fbfaeb;
    max-width: 1000px;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0px 0px 25px rgba(0,0,0,1);
    margin: 0px auto;
    position: relative;
}

#brand-bar {
    display: flex;
    align-content: center;
    align-items: top;
    justify-content: space-between;
}
#gallery-bar {
    margin-top: -30px;
}
#gallery-bar img {
    max-width: 32%;
}
#main-nav {
    background: url('images/nav-bg.png') no-repeat center center;
}

#main-nav ul,
#main-nav li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#main-nav ul {
    display: flex;
    align-content: center;
    align-items: center;
    justify-items: center;
    justify-content: center;
    min-height: 100px;
}
#main-nav li {

}
#main-nav li a {
    padding: 5px 15px;
    padding-bottom: 2px;
    color: #ffffff;
    font-family: "Comic Sans MS",cursive;
    text-decoration: none;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 500ms;
    border-bottom: 3px solid transparent;
}

#main-nav li a:hover {
    color: #7ea41a;
}
#main-nav li a.active {
    border-bottom: 3px solid #7ea41a;
}
#page-content {
    padding:25px 0px;
    font-size: 1.2rem;
}
#page-footer {
    text-align: center;
}
#page-footer .website-credit {
    font-size: 0.8rem;
}

.cols {
    display: flex;

    align-content: center;
    align-items: stretch;
    justify-items: center;
}

.cols .col { }

img.fit {
    display: block;
    max-width: 100%;
    height: auto;
}



#cabin-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
}

#cabin-table .Table-Body-P {
    margin: 0px;
}
#cabin-table td, #cabin-table th {
    border: 1px solid #2f2922;
    padding: 5px;
    text-align: left;
}
#gallery {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    .cols {
        display: block;
    }
    #brand-bar {
        display: block;
    }
    .hide-md {
        display: none;
    }
    .hide-sm {
        display: none;
    }
    #gallery-bar {
        margin-top: 0px;
    }




    #main-nav {
        background: #624118;
        margin-top: 5px;
        border-radius: 6px;
    }
    #main-nav ul  {
        display: block;
        text-align: center;
    }
    #main-nav li a {
        padding: 10px;
        font-size: 1rem;
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 480px) {

}