/* ————————————-
RESPONSIVENESS
!importants in here are necessary since email clients
don’t automatically override these
————————————- */
@media screen and (max-width: 700px) {
.table-wrapper {
width: 100% !important;
margin-top: 0px !important;
border-radius: 0px !important;
padding: 5px 25px !important;
min-width: 0px !important;
}
.header {
border-radius: 0px !important;
}
.header-title h1 {
font-size: 25px !important;
}
.hide-for-mobile {
display: none;
}
.show-for-mobile {
display: inline !important;
padding-left: 0px;
padding-right: 0px;
}
}
|