@charset "utf-8";
/* CSS Document */
.hero-banner {
    width: 100%;
    height: 700px;
    background-image: url("/images/banner_website_01_ws.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #061b35;
}

@media (max-width: 1024px) {
    .hero-banner {
        height: auto;
        aspect-ratio: 1920 / 700;
        background-size: contain;
    }
}

@media (max-width: 600px) {
    .hero-banner {
        aspect-ratio: 1920 / 700;
        background-size: contain;
        background-position: center top;
    }
}

.hero-content{

    width:1200px;
    margin:auto;
    padding:60px;

    color:white;
}