@font-face {
    font-family: "boschsans";
    src: url(/custom_assets/bosch/BoschSans-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "boschsans";
    src: url(/custom_assets/bosch/BoschSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "boschsans";
    src: url(/custom_assets/bosch/BoschSans-Medium.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "boschsans";
    src: url(/custom_assets/bosch/BoschSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "boschsans";
    src: url(/custom_assets/bosch/BoschSans-Light.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}
body {
    font-family: "boschsans",sans-serif;
        background-color: #003e64;
    background-position-x: 50%;
    background-position-y: 50%;
}

input.ng-invalid:not(.ng-untouched) {
    color: red;
    border-color: red;
}
div#footer {
    font-size: 90%;
    color: #aaa;
    text-align: right;
    padding: 10px;
}
.logo-container {
    background-color: #fff;
}
.logos {
    
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: center;
    
}
.logos img {
    max-height: 53px;
    max-width: 100%;
    
}
.hero {
    margin-bottom: 20px;
}
.hero img {
    width: 100%;
}
.container.content {
    color: #fff;
    
    min-height: 500px;
}
h1 {
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
}
.btn-primary {
background-color: #007bc0;
}