* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-image: url('../images/bg.jpg');
}

.wrapper {
    overflow-x: hidden;
}

p, h1, h2, h3, h4, .nav-button {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.5vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

h1 {
    font-size: 4.5vh;
}

h2 {
    font-size: 3vh;
}

.info {
    font-size: 3vh;
}

p {
    font-size: 1.85vh;   
}

header {
    width: 100vw;
    height: 14vh;
}

#bidwell-logo {
    top: 0;
    margin-top: 2vh;
    left: 0;
    margin-left: 2vh;
    animation: logo-entry 0.75s linear;
    width: 22.5vw;
}

@keyframes logo-entry {
    0% {
        transform: translateY(-100px);
    }

    100% {
        animation-delay: 2s;
        transform: translateY(0px);
    }
}

.flexbox {
    display: flex;
}

.sticky-nav {
    top: 0;
    z-index: 1;
    position: fixed;
}

.nav-button {
    width: 25vw;
    height: 4vh;
    background-color: #f26722;
    font-weight: bold;
    font-size: 2vh;
    border: none;
    padding: unset;
    transition: 0.2s all;
}

    .nav-button:hover, .nav-button:active, .circular-button:hover, .button:hover {
        background-color: black;
        color: #F26722;
    }

.nav-button-sticky {
    height: 3vh;
    font-size: 1.5vh;
}

.button {
    background-color: #f26722;
    color: black;
    padding: 1vh;
    font-size: 2vh;
    border: none;
    outline: none;
    transition: 0.2s all;
}

.container {
    position: relative;
    padding: 2vw 8vw;
    background: white;  
}

.top-pad {
    padding-top: 2vh;
}

.container-pad, .pad {
    padding: 2vw 8vw !important;
}

.cotainer-pad {
    background: white;
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    padding: 2vh;
}

footer {
    background-color: #F36E2B;
    color: black;
    bottom: 0;
    margin-bottom: 0px;
}

    footer a, footer a:visited {
        color: #272525;
        text-decoration: none;
    }

.img-full, .img-height {
    transition: 0.3s all;
}

.img-full {
    width: 100%;
}

.img-half {
    width: 50%;
}

.gallery-item:hover {
    width: 105%;
}

.contact-buttons {
    height: 22vh;
    transition: 0.2s all;
}

.contact-buttons:hover {
    height: 26vh;
}

.centre {
    text-align: center;
}

.img-centre {
    display: flex;
    justify-content: center;
}

.orange-section {
    background-color: #F36E2B !important;
}

.green-section {
    background-color: #0D6803 !important;
    color: white;
}

.dark-blue-section {
    background-color: #244c6a;
    color: white;
}

.light-grey-section {
    background-color: #eae7e7;
}

.dark-grey-section {
    background-color: #333333;
    color: white;
}

#cookie-policy {
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100vw !important;
    transition: 0.2s ease-in-out;
}

.visible {
    display: block !important;
}

.hidden {
    display: none !important;
}

/*Dragonbase Slideshow*/
#dragonbase-slideshow {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url('../images/home/home1.jpg');
    background-position: center;
    background-size: cover;
}

#dragonbase-slideshow, .slide-title, .slide-description {
    transition: .3s ease-in;
}

#slide-description-container {
    background: linear-gradient(0deg,rgba(1,2,25,0.8),rgba(0,0,0,0.8));
    position: relative;
    width: 100%;
    height: 100%;
}

.slide-title {
    position: relative;
    left: 0;
    top: 60vh;
    width: 100%;
    text-align: center;
    font-size: 5.5vh;
    color: white;
}

.slide-description {
    color: white;
    font-size: 2vh;
    position: relative;
    left: 0;
    text-align: center;
    top: 62.5vh;
}

.slideDown {
    animation: slideDownwards 0.8s ease-in-out forwards;
    animation-delay: 3s;
}

@keyframes slideDownwards {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(400px);
        display: none;
    }
}

#hamburger-button {
    display: none;
    float: right;
    top: 0;
    margin-top: 3vh;
    right: 0;
    margin-right: 2vh;
}

/*Responsive*/
@media only screen and (max-width: 1024px) and (orientation: portrait) {
    header {
        height: 10vh;
    }

    #bidwell-logo {
        margin-top: 2.75vh;
        width: 50vw;
    }

    .container {
        padding: 4vh;
    }

    .slide-title {
        line-height: 6.5vh;
    }

    .column {
        flex: unset;
        width: 100vw !important;
    }
    #footer-col1, #footer-col3 {
        display: none;
    }
    /*Mobile menu*/
    #hamburger-button {
        display: block;
    }
    header {
        position: fixed;
        z-index: 10;
        background-image: url('../images/bg.jpg');
    }
    #nav {
        top: 0;
        margin-top: 10vh;
        display: none;
        background-color: green;
        z-index: 10;
        position: fixed;
        transition: 0.2s ease-in-out;
    }
    .nav-button {
        width: 100vw;
        font-size: 4vh;
        height: 6vh;
    }
    .flexbox {
        display: unset;
    }
}