﻿.transparent-div {
    background-color: rgba(255, 255, 255, 0.75);
    width: 100%;
    max-width: 550px;
    min-height: 100px;
    position: relative;
    top: 75px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.transparent-div-1 h1 {
    font-family: Lato, sans-serif;
    font-weight: 500 !important;
    font-size: 41px;
    border-bottom: 6px solid #1BA88C;
    -o-border-image: linear-gradient(to right, #1BA88C71px, transparent 120px);
    border-image: linear-gradient(to right, #7C488E 120px, transparent 120px);
    border-image-slice: 1;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: 10px;
    padding-bottom: 7px;
    line-height: 48px;
}

.banner {
    background-image: url('/images/banner-fw-WIH-plane-grounded-1920x420.jpg');
    height: 300px;
    background-size: cover;
    background-position: bottom right;
}

@media only screen and (max-width: 599px) {
    .banner {
        height: 250px;
        background-size: cover;
        background-position: bottom right;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
    .banner {
        height: 300px;
        background-size: cover;
        background-position: bottom right;
    }
}

    #wb-sm {
        background-color: #375881 !important;
        color: white !important;
    }

    #wb-lng {
        padding-top: 0px !important;
    }

    #lang-toggle {
        margin-top: 25px;
        font-weight: 550;
    }

    .header-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        flex-wrap: wrap;
    }

    .header-logo img {
        height: 60px;
        width: auto;
    }

    .header-links {
        display: flex;
        align-items: center;
    }

        .header-links ul {
            display: flex;
            gap: 20px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .header-links a:hover {
            text-decoration: solid underline;
            color: #0056b3;
        }

        .header-links a:link {
            color: #375881 !important;
        }

        .header-links a:visited {
            color: #375881 !important;
        }

    .banner {
        background-color: #f8f9fa;
        padding: 20px 0;
        text-align: center;
    }

        .banner h1 {
            margin: 0;
            font-size: 41px;
            color: #333;
        }

    @media (max-width: 767px) {
        .header-top {
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .header-links ul {
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .banner {
            height: 285px;
        }
    }


    .h1-underline {
        border-bottom: 6px solid #1BA88C;
        border-image: linear-gradient(to right, #7C488E 120px, transparent 120px);
        border-image-slice: 1;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 0;
        margin-bottom: 10px;
        padding-bottom: 7px
    }

    @media (max-width: 991px) {
        .transparent-div {
            background-color: rgba(255, 255, 255, 0.75);
            position: relative;
            max-width: 100%;
            min-height: 100px;
            top: 60px;
            padding-left: 10px;
            padding-right: 10px;
        }

            .transparent-div h1 {
                font-family: Lato, sans-serif;
                font-size: 37px;
                font-weight: 500 !important;
                line-height: 44px;
                border-bottom: 6px solid #1BA88C;
                -o-border-image: linear-gradient(to right, #1BA88C71px, transparent 120px);
                border-image: linear-gradient(to right, #7C488E 120px, transparent 120px);
                border-image-slice: 1;
                border-left-width: 0;
                border-right-width: 0;
                border-top-width: 0;
                margin-bottom: 10px;
                padding-bottom: 7px;
            }
    }
