.hero {
    background-image: url('../imgs/atelierduse-o_nas-hero.jpg');
    background-position: center;
    background-size: cover;
    height: 60vh;
}
.hero .container {
    padding-top: 200px;
}
.heading {
    color: var(--white)
}
.columns {
    flex-direction: row;
    gap: 40px;
    align-items: stretch;
}
.columns > div {
    justify-content: center;
}
.about-us-video {
 aspect-ratio: 9/16;
 width: 320px;
}
.video-wrapper {
border-radius: 16px;
 overflow: hidden;
}
.text-column {
width: 40%
}
.img-column {
    width: 60%;
}
.img-column img {
    border-radius: 16px;
}

.text-card {
    background-color: #F4E7E0;
    border-radius: 16px;
    box-shadow: 2px 2px 56px 0 rgba(30, 29, 107, 0.05);
    padding: 32px;
    margin: 32px 0px;
}
.middle {
    justify-content: center;text-align:center; width:50%">
}
.video-column {
    width: fit-content;
}
@media (max-width: 1000px)
{
    .text-card {
        margin:0px;
    }
   .columns {
    flex-direction: column;
   }
   .columns > div {
    width:100%;
   }
   .middle {
    width:100%
   }
   .hero .container {
    padding-top: 64px;
   }
   .hero {
    height: auto;
   }
   .video-column {
    display: flex;
    justify-content: center;
    align-items: center;
   }
}

@media (max-width: 560px)
{
	
}