@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




.drone{
    margin-top: -4em;
    font-style: normal;

    width: 100%;
    position: relative;
    color: white;
}


.drone .videoBackground {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    z-index: -1;

    clip-path: polygon(0 3%, 15% 0, 30% 7%, 42% 3%, 61% 1%, 82% 5%, 100% 1%, 100% 94%, 82% 100%, 65% 96%, 47% 99%, 30% 90%, 14% 98%, 0 94%);
}


.drone article{
    padding: 5em;

    display: flex;

    border-radius: 2em;
    padding: 3em;
    gap: 2em;

    position: relative;

    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}
.drone article header h1{
    font-size: 4em;

    font-weight: 300;
}
.drone article header{
    flex: 1;
}
.drone article main{
    width: 90%;
    display: flex;
    font-size: 1em;
    /* width: 60%; */
    flex: 2;
    flex-direction: row;

    font-weight: 400;

    gap: 2em;
    /* flex-wrap: wrap; */
    justify-content: space-evenly;
}
.drone a{
    color: white;
}
.drone article div{
    display: flex;
    flex: 1;
    font-size: 1.25em;
    margin-top: 1em;
    margin-bottom: 1em;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
}


@media only screen and (max-width: 990px) {
    .drone article header h1{
        font-size: 2.3em;
    
        font-weight: 200;
    }
    .drone article header{
        text-align: center;
    }

    .drone article main{
        flex-direction: column;
        font-size: 1em;
    }
    .drone article{
        height: auto;
    }
    .drone article div{
        margin: 2em;
        text-align: center;
    }
    .drone video{
        display: none;
    }
}