Multiple @meida Screens in base css of dawn theme

[LateFilms]

is there a way i can have the following @media screens in side my Base.css as they are for diffrent modifactions to the dawn theme.

@media screen and (min-width: 990px){
.header--middle-left {
grid-template-areas: 'heading navigation icons';
grid-template-columns: 1fr auto 1fr;
column-gap: 2rem;
}
}

@media screen and (max-width: 767px) {
.videoBackground .videoBox {
padding: 100px 10px 80px !important;
}
.videoBackground .fullscreen-video-wrap{
position: absolute !important;
z-index: 1 !important;

}
.videoBackground .videoBoxInfo .videoBoxInfoTitle {
padding: 10px !important;
font-size: 35px !important;
line-height: normal !important;
}
}