Basic Grid Blog - Single Column on Mobile

I was provided the code below in order to better align grid layouts and edit titles for desktop layout. It would great on desktop!

On mobile though, it tries to format the grid into 2 columns. Is there some css to make it a single column layout on mobile?

// Basic Grid Blog //
.blog-basic-grid .blog-excerpt {
font-family: Helvetica; font-weight: 700; font-size: 18px !important;
color: white; line-height: 1.5rem
}
@media screen and (min-width:768px) {
.tweak-blog-basic-grid-width-inset .blog-basic-grid {
  padding-top: 32px;  
  grid-column-gap: 72px;
  padding-left: 0vw;
  padding-right: 0vw;
}
}
@media screen and (max-width:767px) {
.tweak-blog-basic-grid-width-inset .blog-basic-grid {
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
}
}

Oh duh! perfect, thank you!