/* Small devices such as large phones (640px and up) */ @media only screen and (min-width: 20em) { .church-service { width: 90%; margin-left: 5% !important; margin-top: 1rem !important; } .church-service-list { padding-top: 2em !important; } } /* Large devices such as laptops (1024px and up) */ @media only screen and (min-width: 64em) { .church-service { width: 35%; float:left; margin-left: 2rem !important; margin-top: 2em !important; } .church-service-list { width: 60% !important; float: left !important; } }