@font-face {
    font-family: "Roboto-Regular";
    src: url(/static/webfonts/Roboto-Regular.woff2)format("woff2"),url(/static/webfonts/Roboto-Regular.woff)format("woff")
}

@font-face {
    font-family:"Roboto-Light";src:url(/static/webfonts/Roboto-Light.woff2)format("woff2"),url(/static/webfonts/Roboto-Light.woff)format("woff")
}

body {
    font-size: 1vw;
    font-family: "Roboto-Light","Arial",sans-serif;
    margin: 50px 25px
}

.navbar-nav {
    padding-top: 10px
}

.navbar-nav .active a,a:hover {
    color: #7f5e3c
}

a {
    color: #b78c66;
    text-decoration: none
}

td,th {
    padding: 5px 15px
}

div.page,footer,header {
    position: relative;
    width: 80%;
    margin: 0 auto;
    background: #ececec;
    max-width: 1200px
}

div.page {
    color: #6c7d8c
}

div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header {
    padding: 20px 30px
}

div.inner_page>* {
    margin: 0
}

body,div.page h1,div.page h2,div.page h3,div.page h4,div.page h5,div.page h6 {
    color: #5d5d5d
}

div.inner_page {
    position: relative;
    top: 0;
    padding: 0
}

div.inner_page.bgimage {
    background-image: url(/images/bg_image_welcome_1.jpg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,.6);
    background-blend-mode: lighten;
    min-height: 672px;
    box-sizing: border-box
}

footer,header,header h1 {
    color: #b0b0b0
}

header {
    font-size: 1vw
}

footer {
    font-size: .75vw
}

header h1 {
    margin: 0;
    font-weight: 700;
    font-size: 42px
}

header nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

header nav ul li {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0
}

div.page {
    background: #fafafa
}

.inner_page.bgimage .image img {
    width: 283.66px
}

@media (max-width:768px) {
    div.inner_page.bgimage {
        background-image: none;
        min-height: 0
    }

    body {
        font-size: 4vw
    }

    header {
        font-size: 3vw
    }

    footer {
        font-size: 2vw
    }

    .inner_page.bgimage .image img {
        width: 80%
    }
}

@media (min-width:1025px) and (max-width:1540px) {
    div.inner_page.bgimage {
        min-height: calc((80vw - 60px)*.572)
    }

    body {
        font-size: 1.5vw
    }

    header {
        font-size: 1.25vw
    }

    footer {
        font-size: 1vw
    }
}

@media (min-width:769px) and (max-width:1024px) {
    div.inner_page.bgimage {
        min-height: calc((80vw - 60px)*.572)
    }

    body {
        font-size: 2.5vw
    }

    header {
        font-size: 2vw
    }

    footer {
        font-size: 1.75vw
    }

    .inner_page.bgimage .image img {
        width: 150px
    }
}