My blog is not responsive on mobile

Does anyone know why my blog looks so odd on mobile? It is not responsive, and just crushes everything.

@joshash Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
body:not(.collection-type-gallery):not(.collection-type-index) .main-content-inner-wrapper {
   padding: 6vw 0 !important;
}
.main-content {
   padding: 21vw 2vw !important;
}
.view-list .BlogList-item-title {
   font-size: 50px;
}
}