body {
    height: 100vh;
    background-color: rgb(194,166,130);
}

.noNumber {
    pointer-events:none;
}

.noNumber > a {
    text-decoration:none; color:inherit;    
}

.btn-dangerLounge {
    background-color: rgb(116, 103, 80);
    color: white;
}

.btn-dangerLounge:hover {
    background-color: rgb(90, 80, 63);
}


.menu {
    position: fixed;

    width: 100%;

    z-index: 3;
    
    background-color: rgb(194,166,130);
}
    
.headerDecoration {
    position: fixed;
    
    width: 100%;

    z-index: 2;
}

.menuItems{
    position: fixed;

    padding-top: 1vh;
    width: 100%;

    z-index: 2;
    
    border-top: 2px solid rgb(127, 78, 30);
    background-color: rgb(194,166,130);
}

.curles{
    position: fixed;

    width:100%;

    border: 10px solid;
    border-image: url("../Images/Header/menuBorder.png") 30 repeat;
    
    border-top:0;
    border-left:0;
    border-right:0;

}

.globeDiv {
    display:none;
    z-index: 3;
}  

.textContainer{
    position:fixed;

    width:100%;

    background:linear-gradient( rgb(194, 166, 130), rgb(250, 247, 229));
    background-repeat: no-repeat;
    background-attachment: fixed;

    z-index: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.paddingBottom {
    padding-bottom: 6vh;
}

.endSection {
    position:relative;
    bottom:0;
    padding-top:3vh;
    width: 100%;
    min-height: 30vh;
    background-color: rgba(116, 103, 80, 0.6);
}

.endSection .item a {
    color: rgb(56, 56, 56);
    border-bottom: 1px solid rgb(55,55,55);
}

.endSection .item a:hover {
    text-decoration: none;
    color: rgb(127, 78, 30);
}

.mapouter {
    filter: grayscale(100%) sepia(0.05);
    -webkit-filter: grayscale(100%) sepia(0.05);
    -moz-filter: grayscale(100%) sepia(0.05);
    -o-filter: grayscale(100%) sepia(0.05);
    -ms-filter: grayscale(100%) sepia(0.05);
}

.mapouter:hover {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    transition: linear 0.5s;
}

.footer {
    position: fixed;
    bottom: 0;
    z-index: 3;
    height: 2.5vh;
    width: 100%;
    background-color: rgb(194,166,130);
}

.footer .col {
    position: relative;
    top: -5vh;
    height: 6vh;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    color: rgb(127, 78, 30);
    border-width: 11px;
    border-style: solid;
    -webkit-border-image: url(../Images/stamp.png) 30% repeat;
    -o-border-image: url(../Images/stamp.png) 30% repeat;
    border-image: url(../Images/stamp.png) 30% repeat;
    border-bottom: none;
}

.footer .col.clickable {
    cursor: pointer;
}

.footer .col .text img {
    max-height: 70%;
    max-width: 100%;
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

.footer .col .text {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 102%;
    height: 110%;
    background-color: rgb(194,166,130);
}


.footer .col.clickable .text:hover {
    color: rgb(116, 103, 80);
    transition: linear 0.3s;
}

.footer .col.clickable:hover {
    top: -6vh;
    transition: linear 0.3s;
}

.colnone {
    height: 0 !important;
    background-color: initial !important;
    border: none !important;
}



.cardsRelative {
    text-align: center;
}

.cardsRelative img {
    max-width: 80%;
    max-height: 50px;
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

.cardsRelative p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.cardsRelative div {
    margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
    .footer .col.notImportant1 {
        display:none;
    }
}

@media screen and (max-width: 550px) {
    .footer .col.notImportant2 {
        display: none;
    }
}


@media screen and (max-width: 699px) {
    .footer .col.colnone {
        display: none;
    }
}


.menuItemsPart, .globeSpace, .globeLogoSpace, .headerItemsPart {
    min-height: 1px;
    float: left;
}

.globeSpace, .globeLogoSpace, .headerItemsPart {
    display: none;
}

.smallMenuHidden {
    display: none;
}

.menuSmall{
    position: fixed;

    top:0vh;
    width: 100%;

    z-index: 4;

    opacity: 0.9;
    background-color: rgb(194,166,130);
}

@media screen and (min-height: 500px) {
    .menuSmall {
        font-size: 3vh;
        height: 25vh;
    }
}

@media screen and (max-height: 499px) {
    .menuSmall {
        font-size: 8vh;
        height: 100vh;
    }
}

@media screen and (min-width: 1100px) {
    .menu {
        top: 0;
        height: 23vh;
    }

    .menuSmall {
        display: none;
    }

    .headerDecoration {
        top: 0;
        height: 13vh;
    }

    .menuItems {
        top: 13vh;
        height: 10vh;
    }

    .curles {
        top: 23vh;
    }

    .globeDiv {
        height: 23vh;
    }

    .textContainer {
        top: 23vh;
        height: 75vh;
    }

    .endSection .item {
        padding-left: 50px;
    }

    .endSection .title th {
        padding-left: 25px;
    }

    .endSection .row {
        padding-left: 50px;
        padding-right: 50px;
    }

    .footer .col {
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 1099px) {
    .menu {
        top: 0;
        height: 25vh;
    }

    .headerDecoration {
        top: 0;
        height: 20vh;
    }

    .menuItems {
        top: 15vh;
        height: 5vh;
    }

    .curles {
        top: 25vh;
    }

    .globeDiv {
        height: 20vh;
    }

    .textContainer {
        top: 25vh;
        height: 73vh;
    }

    .endSection table {
        position: relative;
        width: 90vw;
        left: 5vw;
        padding-bottom: 6vh;
    }


    .endSection .title th {
        padding-left: 25px;
    }

    .columnHrefs {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .columnMap {
        padding-top: 25px !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0;
    }

    .additionalInfo .col {
        padding-top: 25px !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


@media screen and (min-width: 1100px) {
    .item, .title {
        font-size: 0.8vw;
    }
}

@media screen and (min-width: 800px) and (max-width: 1099px) {
    .item, .title {
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 799px) {
    .item, .title {
        font-size: 2.2vw;
    }
}

.pagination li a {
    color: rgb(56, 56, 56);
}

.page-item.active .page-link {
    background-color: rgb(127, 78, 30);
    border-color: rgb(127, 78, 30);
}

.pagination li a:hover {
    background-color: rgb(194, 166, 130);
    border-color: rgb(127, 78, 30);
    color: rgb(127, 78, 30);
}

@media screen and (min-width: 768px) and (min-height: 500px) {
    .bigger {
        display: block !important;
    }

    .smaller {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-height: 499px) {
    .bigger {
        display: none !important;
    }

    .smaller {
        display: block !important;
    }
}

@media screen and (max-width: 767px) and (min-height: 500px) {
    .bigger {
        display: none !important;
    }

    .smaller {
        display: block !important;
    }
}

@media screen and (max-width: 767px) and (max-height: 499px) {
    .bigger {
        display: none !important;
    }

    .smaller {
        display: block !important;
    }
}

.overlayBeforeLoad {
    position: fixed;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background-color: rgb(194,166,130);
    top: 0;
    left: 0;
}