body {
    font: 12px Myriad, Helvetica, Tahoma, Arial, clean, sans-serif;
	padding-top: 40px;
}

body,
html {
    font-family: 'Avenir Light', Verdana, Geneva, sans-serif, 'Open Sans', Helvetica, Arial !important;
}

.dropdown-backdrop {
    display: none !important;
}
.table-header {
    font-size: 20px;
    color: #d46200 !important;
    text-align: center;
    padding: 20px;
}

.thead {
    font-size: 24px;
    color: #d46200;
}

.sitename h {
    font-size: 20px;
    color: #7c9f3d;
}

.table-location {
    /*  background: #dddddd; */
    width: auto;
    margin: 10px 0;
    font-size: 14px;
    border: 1px solid black;
}
tr{
    text-align: center;
}
td{
   display: inline-block; 
}
.table-location td {
    padding: 5px;
}

@font-face {
    font-family: "Avenir Light";
    src: url("fonts/avenir-next/bb590848-4012-46d6-a8d5-48c9893a176b.woff2") format("woff2"), url("fonts/avenir-next/3a42a252-67ff-4186-88cf-762f56719ca1.woff") format("woff");
}

@font-face {
    font-family: "Avenir Medium";
    src: url("fonts/avenir-next/7195d5d0-582f-42d4-86ca-9da8dc31146e.woff2") format("woff2"), url("fonts/avenir-next/0417e965-6ae1-4395-8f71-f61ea767d523.woff") format("woff");
}

@font-face {
    font-family: "Avenir Heavy";
    src: url("fonts/avenir-next/b86524f7-009e-4c08-a266-c43f1fb68e5e.woff2") format("woff2"), url("fonts/avenir-next/e40e6ac5-f2bd-4d65-baf7-b1e397d7fdcc.woff") format("woff");
}

@font-face {
    font-family: "Avenir Light";
    src: url("fonts/avenir-next/e8b9c8fa-dbfb-4576-9394-ae85e87cb003.woff2") format("woff2"), url("fonts/avenir-next/fb555151-cbda-4728-b28d-6e5f085c2d55.woff") format("woff");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Avenir Medium";
    src: url("fonts/avenir-next/1704d161-44ab-4854-a066-fe47d583a3a6.woff2") format("woff2"), url("fonts/avenir-next/95aa7ca1-de33-40d9-ae40-ff045fcada66.woff") format("woff");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Avenir Heavy";
    src: url("fonts/avenir-next/c4ec49e5-4817-4f05-9bee-cec6f46f9d61.woff2") format("woff2"), url("fonts/avenir-next/8e0e32b3-034a-41e8-bd15-c22974ebcdb5.woff") format("woff");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/*  img.imgRWIS {
    border: 1px solid black;
    position: relative;
    padding: 1px;
    display: block;
    margin: 0 auto;
    height: 100px;
    width: 150px;
    cursor: hand;
}  */

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    white-space: nowrap;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 275px;
    height: 200px;
}

div.desc {
    padding: 5px;
    text-align: center;
}


.links {
    margin-left: 264px;
}

.header {
    background-color: #d07d0e;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: auto;
    width: auto;
    height: 40px;
    padding: 0px;
    z-index: 1;
    position: fixed;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.4);
    display: block;
}

body.modal-open {
    overflow: hidden;
}

button.close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 0;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

b, strong {
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
	padding-top: 20px;
}

.sr-only .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.sr-only:hover .tooltiptext {
    visibility: visible;
}

.modal-header {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #1781cc;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* .logoHeader {
    z-index: 1;
    position: relative;
} */

#fullscreen {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    background: pink;
}

.jimu-link {
    height: 100%;
    color: white;
    font-weight: bolder;
    font-size: 20px;
}

.jimu-link:link {
    text-decoration: none;
    color: #95a2a9;
    color: white;
}

.jimu-leading-margin1 {
    margin-left: 1em;
}

.jimu-link:hover {
    text-decoration: underline;
    color: #ffffff;
}

.jimu-link:active {
    text-decoration: none;
    color: #ececec;
    color: rgba(255, 255, 255, 0.9);
}

.jimu-align-leading {
    text-align: left;
}


/* Caption of Modal Image */

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

img.imgLogo {
    margin-top: 5px;
}


@media screen and (orientation:portrait) {
    height: 100vh;
    width: 100vw;
}

tr{
    text-align: center;
}
td{
   display: inline-block; 
}
.table-location td {
    padding: 5px;
}
@media screen and (orientation:landscape) {
    height: 100vh;
    width: 100vw;
}
tr{
    text-align: center;
}
td{
   display: inline-block; 
}
.table-location td {
    padding: 5px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    #container {
        width: auto;
        margin: 0;
        padding: 25px 0;
    }
    
    div.gallery img {
        width: 100%;
        height: 100%;
    }

    table {
        display: block;
    }
   
    tr{
        text-align: center;
    }
    td{
       display: inline-block; 
    }
    .table-location td {
        padding: 5px;
    }
    td img {
        display: block;
        margin: 0;
        width: 100%;
        max-width: none;
    }
    .logo {
        height: 30px;
        margin: -28px;
        margin-bottom: 26px;
        cursor: default;
        z-index: -1;
        position: relative;
        margin-left: -4px;
    }
    .jimu-link.jimu-align-leading.jimu-leading-margin1 {
        display: none;
    }
}