header {
    min-height: 70px;
    position: relative;
}

.logo-area {
    position: absolute;
    left: 40px;
    top: -50px;
    z-index: 1000;
}

.logo {
    width: 150px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1199px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .navbar {
        position: static;
    }

    .logo-area {
        position: static;
    }

    .logo {
        width: 120px;
    }

    .navbar-toggler {
        padding: 12px 18px;
        font-size: 1.8rem;
        border-width: 3px;
    }

    .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
    }

    #mainNavbar {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: white;
        z-index: 9999;
        padding: 0;
        overflow: hidden;
    }

    #mainNavbar .navbar-nav {
        align-items: center;
        text-align: center;
        padding: 15px 0;
        width: 100%;
    }

    #mainNavbar .nav-link {
        color: black;
        font-size: 2rem !important;
        margin: 0;
    }

    #mainNavbar .nav-link:hover {
        color: red !important;
    }
}
html {
  scroll-behavior: smooth;
}

body {
  padding-top: 0px;
}

.section-padding {
  padding: 100px 0;
  scroll-margin-top: 100px;
}

.navbar-nav .nav-link {
    color: black;
}
.nav-link:hover {
    color: red !important;
}
.nav-link {
    text-transform: uppercase;
    letter-spacing: 1px;
}
body {
    font-family: 'Oswald', sans-serif;
}