html, body{
    min-height: 100%;
    height: 100%;
}
body {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 14px;
    color: #fff;
}

.navbar-dark {
    background-color: rgba(0, 184, 219, 0.4);
}

.header-label {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.header-logo {
    text-align: center;
}
.header-phone, .header-email {
    color: #3366FF;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: bold;
    text-shadow: 0 0 10px #fff;
}

.header-phone {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.mt-header {
    margin-top: 2rem!important;
}

.blockquote.main {
    font-size: 1.4rem;
}

.header {
    color: #125190;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.3) 4px 4px 10px;
}
.link {
    text-decoration: underline;
}
.link-dark {
    color: #125190;
}

.wrap-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h5, h5 {
    font-size: 1.2rem;
}

.rounded {
    border-radius: .2rem!important;
}

#carouselFeedback .carousel-inner {

}
.carousel-control-prev, .carousel-control-next {
    display: none;
}

#carouselFeedback .blockquote {
    font-size: inherit;
}

#carouselFeedback .blockquote-footer {
    color: #ffffff;
}

.shadow-block {
    background-color: rgba(0, 120, 201, 0.600);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}

.feedback-link:hover {
    text-decoration: none;
}
.feedback-link {
    text-decoration: none;
    border-bottom: 1px dashed white;
}

.page-item .page-link {
    border: none;
    border-left: 1px solid #dee2e6;
}
.page-item:first-child .page-link {
    border: none;
}
.lh-lg {
    line-height: 1.5rem;
}
.map {
    border-color: #ffffff;
    border-style: dashed;
    border-width: 1px;
    width: 100%;
    height: 300px;
    display: inherit;
}

.menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 1px dashed #FFFFFF;
    font-style: italic;
}
.text-underline {
    text-decoration: underline;
}

.list {
    padding-left: 1.5rem;
}

.service-images {
    display: flex;
    flex-wrap: wrap;
}
.service-images .service-image {
    border: 2px solid #ffffff;
}
.camping-images .camping-image {
    border: 2px solid #ffffff;
    max-height: 60px;
}
@media (min-width: 576px) {
    .camping-images .camping-image {
        max-height: 100px;
    }
    .header-label {
        text-align: right;
    }


    .header-logo {
        text-align: left;
    }

    .map {
        height: 400px;
    }
    .mt-header {
        margin-top: 9rem!important;
    }
}

@media (min-width: 768px) {
    #carouselFeedback .carousel-inner {
        width: 70%;
        margin-left: 15%;
    }
    .carousel-control-prev, .carousel-control-next {
        display: flex;
    }


    .camping-images .camping-image {
        max-height: 120px;
    }
    .navbar-dark {
        background-color: rgba(0, 184, 219, 0.2);
    }
    .mt-header {
        margin-top: 10.5rem!important;
    }

    .blockquote {
        font-size: 1.6rem;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .4rem;
        padding-left: .4rem;
    }

    .header-phone, .header-email {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .header-phone {
        font-size: 2rem;
        line-height: 2rem;
    }
    .map {
        height: 500px;
    }
}

@media (min-width: 1024px) {
    main.container {
        max-width: 1024px;
    }
}

@media (max-width: 1024px) {
    main.container {
        max-width: 100%;
    }
}

.logo {
    max-width: 100%;
}

main.container {
    background: url("/static/images/main.jpg") no-repeat;
    background-color: #00b8db;
    min-height: 100%;
    background-position: 0 -15px;
    /*background-size: contain;*/
}

.navbar {
    padding: 0;
}
.navbar-dark .navbar-nav .nav-link {
    font-size: 1.1rem;
    text-decoration: underline;
    color: #007bff;;
    text-align: center;
}

.navbar-dark .navbar-nav .active .nav-link{
    color: #125190;;
    text-decoration: none;
}
.footer {
    border-top: 1px dashed #fff;
}

h1 {
    font-size: 1.6rem;
}

.mt-5 {
    margin-top: 2rem!important;
}