body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    

}


@media(max-width:1200px) {
    .container {
        width: 100%;
        margin-top: 10%;

    }
}

@media (max-width: 600px) {

    .container {
        width: 100%;
    }
}


.fullscreen-video {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.fullscreen-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}



.container-fluid {
    margin-top: 0;
    padding: 0 15px;
}

/* Apply font to all h1 elements */
h1 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* Optionally, target specific h1 elements with the section-title class */
.section-title {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 3rem; /* Match existing size */
    font-weight: 700; /* Match existing weight */
}