/*
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 1000px;
}
.cover {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    flex-shrink: 1;
    flex-wrap: wrap;
}

*/

h1{
    font-size: clamp(2.5rem, 2.5vw, 3rem);
}

h2 {
    font-size: clamp(2rem, 2vw, 2.5rem);
}

h3 {
    font-size: clamp(1.5rem, 1.5vw, 2rem);
}

p {
    font-size: clamp(1rem, 1vw, 1.5rem);
}

a{
    font-size: clamp(1rem, 1vw, 1.5rem);
}

ul{
    font-size: clamp(1rem, 1vw, 1.5rem);
}

button {
    background-color: #ddd;
    font-size: clamp(1rem, 1vw, 1.5rem);
}

    button:hover {
        background: #333;
        color: white;
    }

.navbar {
    display: block;
    overflow: hidden;
    background-color: #333;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    max-height: 5%;
    height: auto;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
}

    /* Links inside the navbar */
    .navbar a {
        float: left;
        display: block;
        align-items: center;
        align-content: center;
        justify-items: center;
        justify-content: center;
        color: #f2f2f2;
        text-align: center;
        margin: 1px auto;
        text-decoration: none;
        min-width: 24.75%;
    }

        /* Change background on mouse-over */
        .navbar a:hover {
            background: #ddd;
            color: black;
        }

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 20px;
    margin: auto;
    margin-top: 20px; /* Add a top margin to avoid content overlay */
}

.cover {   
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%; 
    min-height: 500px;
}

.cover-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
    max-width: 500px;
    max-height: 500px;
    flex-shrink: 1;
}


.cover-text img{
     width:auto;
     max-height: 30%;
         
}

.cover-image {
     /*
    flex-shrink: 0;
    max-width: 100%;
    height: auto;   
    */
     max-width: 700px;
}

.intro {
    background-color: lightgray;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    min-height: 500px;
    gap: 20px;
    width: 100%;
}

.mission {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-width: 40%;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
}

.vision {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-width: 40%;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
}

.pitch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    min-height: 500px;
    gap: 20px;
    width: 100%;
}

.service {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    min-width: 40%;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
}

.audience {
    display: flex;
    flex-direction:column;
    max-width: 500px;
    min-width: 40%;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
}

img{
     max-width: 100%;
     height: auto;
    }

video {
    max-width: 100%;
    height: auto;
}

.engage {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    gap: 20px;
}

.promo {
    background-color: lightgray;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    min-height: 500px;
    gap: 20px;
    width: 100%;
}

.break-head {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    min-width: 100%;
    display: flex;
}

/*


.mission{
    flex-direction: column
}
*/