/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 0rem;
    background: #0085fa !important;
    background: linear-gradient(0deg, #6be0fd, #0085fa) !important;
    color: white !important;
}


.navbar .navbar-expand-md , .collapse .navbar-collapse {
background: #0085fa !important;
background: linear-gradient(90deg, #00c1f1, #0085fa) !important;
color: white !important;
display: none;
}

 


.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;

}

.centered {
    text-align: center;
}

.icon-large {
    color:#fff;
    font-size: 6em;
    opacity: 0.85;;
}

.jumbotron {
    background: #0085fa;
    background: linear-gradient(90deg, #0085fa, #00c1f1);
    padding: 1rem 1rem;
    box-shadow: 0px 3px 22px rgba(0,0,0,0.155);
}


.jumbotron p {
    font-size:1.6em;
}

.jumbotron .display-3 {
    font-size:2.75em;
    font-weight:bold;
}

.jumbotron.top-menu {
    .button-fancy {
        font-size:1.1em;
        box-shadow: inset 1px 3px 22px rgba(0,0,0,0.175);
    }
}


.big {
    font-size:1.5em;
}

.bigger {
    font-size:1.75em;
}

img {
    max-width: 100%;
    height:auto;
}

.yellow {
    color:antiquewhite;
}

.big-button {
    padding:0.45em 1.25em;
    color:white;
    font-size:2em;
    border-radius: 46px !important;
    background: #37c705;
    box-shadow: 1px 3px 22px rgba(0,0,0,0.075);
}

.button-fancy {
    background: #0085fa;
    background: linear-gradient(90deg,  #00c1f1, #0085fa);
    //border: 1px solid #00c1f1;
    color: white;
    font-weight:bold;
    width:100%;
    font-size:1.5em;
    padding:0.6em 1em;
    border-radius: 78px !important;
    box-shadow: 1px 3px 22px rgba(0,0,0,0.175);
}

.button-fancy:hover {
    //border: 1px solid #00c1f1;
    background: linear-gradient(90deg, #0085fa, #00c1f1);
}

.strong {
    font-weight: bolder;
}


.pt{
    margin-top: 10px;
}


.pl{
    margin-left: 10px;
}

.pr{
    margin-right: 10px;
}


.pt{
    margin-bottom: 10px;
}



.photo-gallery img {
    border-radius:22px !important;
    margin-bottom:12px;
    box-shadow: 1px 3px 22px rgba(0,0,0,0.175);
}

.jumbotron .button-fancy.book-now-button {
    background: #37ce05;
}

.jumbotron .button-fancy.book-now-button:hover {
    background: #0085fa;
}

@media (max-width: 1200px) {

    .jumbotron .button-fancy {
        font-size: 1em !important;
    }

    .jumbotron h1 {
        font-size: 1.5em !important;
    }

    

}

@media (max-width: 1024px) {

    .jumbotron .button-fancy {
        font-size: 0.85em !important;
    }

    .jumbotron h1 {
        font-size: 1.5em !important;
    }

}

/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) { 

    body {
        padding-top: 0rem;
    }
    nav.navbar {
      
    }

    a.navbar-brand {
        color:white !important;
    }

    .nav-item, .nav-link, .dropdown-toggle {
        color:white;
    }

    .big-button {
        padding:0.75em 1.5em;
        color:white;
        font-size:1.5em;
        font-weight:bold;
        border-radius: 42px !important;
        width:100%;
        box-shadow: 1px 2px 22px rgba(0,0,0,0.175);
        // box-shadow: inset 1px 3px 22px rgba(0,0,0,0.175);
    }

    .button-fancy {
        font-size:1.4em;
        padding:0.25em 1em !important;
        // box-shadow: inset 1px 3px 22px rgba(0,0,0,0.175);
        
    }

    .display-3 {
        font-size:3em;
    }

    .jumbotron .logo-col {
        text-align: center;
    }

    .jumbotron img.logo {
        max-height: 220px;
        width:auto;
    }

    .jumbotron .button-fancy {
        font-size: 1.3em !important;
    }

    

    h1.display-3 {
        display:none;
    }

    .footer-icon-col {
        text-align: center;
    }
}