/* Root styles */
:root {
    --palette_dark-blue: #292f4d;
    --palette_blue: #26528c;
    --palette_light-blue: #5095bf;
    --palette_yellow: #f2c53d;
    --palette_orange: #f2b263;
}
* {
    font-family: "Mukta", Arial, Helvetica, sans-serif !important;
}
/* Hero image / header styles */
.hero-image {
    background-image: url("../img/ocean-waves.webp");
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
@media (min-width: 787.98px) {
    header h1 {
        font-size: 7rem !important;
    }
    header {
        padding-top: 7rem;
        padding-bottom: 8.5rem;
    }
}
header h1 span#seas {
    color: var(--palette_yellow);
    text-shadow: 0 0 5px #000;
}
header {
    padding-top: 5rem;
    padding-bottom: 6.5rem;
}
/* Nav styles */
nav {
    background: var(--palette_dark-blue);
}
nav a.navbar-brand img {
    width: 4rem;
}
ul.dropdown-menu {
    background-color: var(--palette_dark-blue);
}
ul.dropdown-menu li a:hover {
    background-color: var(--palette_blue);
}
/* Footer styles */
footer div {
    background-color: var(--palette_dark-blue);
}
footer img {
    width: 5rem;
}