/* styles.css */

/* custom fonts */
@font-face {
    font-family: 'Avenir LT Pro Black';
    src: url('AvenirLTProBlack.ttf') format('truetype');
}

/* Reset default margins and set page background */
body {
    margin: 0;
    background-color: white; /* Shows through transparent mask areas */
}

/* Header container styling */
.header-container {
    width: 100%; /* Full viewport width */
    height: 50vh; /* Adjust to match the red section’s height */
    background-image: url('mob-safety-header-img-4.webp');
    background-size: cover; /* Fills the container */
    background-position: center; /* Centers the image */
    mask-image: url('mob-neal-mask.png');
    -webkit-mask-image: url('mob-neal-mask.png'); /* For browser compatibility */
    mask-size: 100% 100%; /* Matches container size */
    -webkit-mask-size: 100% 100%;
}