The page is https://pideja.ca/about/ and today’s difficulty stems from the fact that the text is almost as I would like, on the larger screens (1280px and up) but on the mobile, it’s a struggle;
I’ve written a media query 
* About page main copy mobile */
@media screen and (min-width: 420px)
.slug-about .the__copy {
background-color: #393939;
margin-top: 10px;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 0px;
}
at the very end of my CSS file.
In the “larger” screen, the margin-top is set at 100px but in the media query, I set it at 10px.
The margin does not change on the mobile. Top margin still too large.