As I do a lot of custom work in Clickfunnels, I created this gist to save all the CSS rules I re-use in all my projects just to make the pages look a lot better in both mobile and desktop

cf-reset.css

@import url('CUSTOM FONT URL FROM GOOGLE FONTS OR FROM CDN FONTS');

/* Font weights */
[data-title~='fw-light'] .elHeadline { font-weight: 300; }
[data-title~='fw-regular'] .elHeadline { font-weight: 400; }
[data-title~='fw-medium'] .elHeadline {	font-weight: 500; }
[data-title~='fw-semibold'] .elHeadline { font-weight: 600; }
[data-title~='fw-bold'] .elHeadline { font-weight: 700; }
[data-title~='fw-extrabold'] .elHeadline { font-weight: 800; }
[data-title~='fw-black'] .elHeadline { font-weight: 900; }

@media screen and (min-width: 770px) {
	/* Letter spacing */
	[data-title~='ls-a'] .elHeadline { letter-spacing: .025em; }
	[data-title~='ls-b'] .elHeadline { letter-spacing: .050em; }
	[data-title~='ls-c'] .elHeadline { letter-spacing: .075em; }

	/* Line heights */
	[data-title~='lh-a'] .elHeadline { line-height: 1.25em; }
	[data-title~='lh-b'] .elHeadline { line-height: 1.50em; }
	[data-title~='lh-c'] .elHeadline { line-height: 1.75em; }
}

@media screen and (max-width: 770px) {
    /* Add left and right margin to rows in mobile (so they look boxed) */  
    .row {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}