html {
  font-size: 18px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


/*.container{
    width: 90% !important;
}*/

.text-logo-red{
    color: #811717;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Fantasy", "Papyrus", "serif";
}
p{
    font-size: 20px;
    line-height: 1.5;
}
.container{

}

.why-us{
    text-align: center;
}

@media (min-width: 450px) {
    .why-us ul {
        list-style: none;
        column-count: 2;
        font-size: 30px;
        color: #2C5F63; /*blue - hex is #68babb*/
        line-height: 2;
        text-align: left;
        display: inline-block;
    }
}
@media (max-width: 449px) {
    .why-us ul {
        list-style: none;
        column-count: 1;
        font-size: 30px;
        color: #2C5F63;
        line-height: 2;
        text-align: left;
        display: inline-block;
    }
}
        .why-us ul li:before {
            content: "\2713";
            color: #811717;
        }

@media (min-width: 992px) {
    .fishing-date {
       width: 950px;
    }
}

@media (min-width: 1400px) {
    .fishing-date {
        width: 1350px;
    }
}

@media (min-width: 1700px) {
    .fishing-date {
        width: 1650px;
    }
}

.container-wide{
    width: 99% !important;
}

@media (min-width: 300px) {
    .big-logo {
        width: 205px;
    }
}

@media (min-width: 350px) {
    .big-logo {
        width: 305px;
    }
}

@media (min-width: 450px) {
    .big-logo {
        width: 405px;
    }
}

@media (min-width: 550px) {
    .big-logo {
        width: 505px;
    }
}

.card-p {
    font-size: 18px;
    line-height: 1.5;
}

.contact-logo-div{
    padding-top: 15px;
}

.home-back-div {
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    
    background-position: center;
    bottom: 0px;
}

@media (min-width: 300px) {
    .home-back-div {
        background-image: url(/images2/small_background.webp);
    }
    .home-back-padding{
        padding-top: 20vh;
    }
    .lodge-image{
        width: 300px;
    }
    .lodge-gallery-width{
        width: 100%;
    }
}

@media (min-width: 576px) {
    .home-back-div {
        background-image: url(/images2/medium_background.webp);
        background-attachment: fixed;
    }

    .home-back-padding {
        padding-top: 30vh;
    }
    .lodge-image {
        width: 300px;
    }
    .lodge-gallery-width {
        width: 75%;
    }
}

@media (min-width: 992px) {
    .home-back-div {
        background-image: url(/images2/medium_background_cropped.webp);
        background-attachment: fixed;
    }

    .home-back-padding {
        padding-top: 40vh;
    }
    .lodge-image {
        width: 600px;
    }
    .contact-logo-div {
        padding-top: 60%;
    }
}

@media (min-width: 1200px) {
    .home-back-div {
        background-image: url(/images2/big_background.webp);
        background-attachment: fixed;
    }

    .home-back-padding {
        padding-top: 40vh;
    }
    .lodge-image {
        width: 600px;
    }
}

@media (min-width: 1400px){
    .lodge-gallery-width {
        width: 50%;
    }
}

.back-div {
    height: 50vh;
    background-color: rgba(0,0,0,0.3);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: 0px;
}

@media (min-width: 576px){
    .back-div {
        background-attachment: fixed;
    }
}

.rates-back-div {
    background-image: url(/images2/wavy-water.webp);
}

.about-back-div {
    background-image: url(/images2/mountain-wave.webp);
}

.fish-back-div {
    background-image: url(/images2/river-fishing-cropped-bottom.webp);
}

.lodge-back-div {
    background-image: url(/images2/fall-trees.webp);
}

.contact-back-div {
    background-image: url(/images2/wide-bald-eagle.webp);
}

.area-back-div {
    background-image: url(/images2/sunset.webp);
}

.pt-20vh{
    padding-top: 20vh;
}
.fs-5rem{
    font-size: 5rem;
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.gallery-column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

    .gallery-column img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
    }

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .gallery-column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .gallery-column {
        flex: 100%;
        max-width: 100%;
    }
}