p,ul,table { margin: 0; padding: 0; margin-bottom: 20px; }
h1 { font-size: 48px; font-weight: 900; margin-bottom: 20px; }
h2 { font-size: 36px; font-weight: 600; margin-bottom: 20px; }
h3 { font-size: 24px; font-weight: 600; margin-bottom: 20px; }
h4 { font-weight: 600; margin-bottom: 20px; }
ul { padding: 0 0 0 20px; }
a, a:visited {text-decoration: none; color: #007aff; }
.large { font-size: 36px; }
.small { font-size: 16px; }
.bold { font-weight: 900; }

html { background: #fff; }
body { background: #fff; margin: 0 auto; text-align: center; font-family: 'Barlow', serif; font-size: 18px; color: #111; position: relative; }
section { padding: 0 0 20px 0; clear: both; }

.import-sample { border-collapse: collapse; }
.import-sample th { font-weight: 600; border: 1px solid #ccc; padding: 4px 8px; background: #eee; white-space: nowrap; }
.import-sample td { border: 1px solid #ccc; padding: 4px 8px; white-space: nowrap; }

.main { margin: auto; width: 80%; max-width: 900px; text-align: left; padding: 50px 0; }

#home-screenshots { position: absolute; }
#hero-screenshot { width: 240px; height: 481px; }
#home-bullets { padding-left: 300px; height: 520px; font-size: 24px; margin-bottom: 16px; line-height: 170%; }
#download-button { width: 177px; height: 60px; }
#home-articles { font-size: 24px; }
.home-review { width: 240px; margin-right: 60px; float: left; line-height: 150%; font-size: 16px; padding-bottom: 20px; }
.home-reason { width: 200px; margin-right: 25px; float: left; line-height: 150%; font-size: 16px; padding-bottom: 20px; }
#also-plus { float: left; }
#also { float: left; width: 45%; }
#plus { float: right; width: 50%; }

.post-reference { font-size: 16px; }

#period-health { width: 100%; font-size: 12px; }
#period-health td,th { padding: 4px 0; width: 50%; border-bottom: 1px solid #ccc; text-align: left; }

.widget { border: #000 1px solid; padding: 10px; border-radius: 12px; width: 141px; height: 141px; }

@media (max-width: 1200px) {
.main { padding: 30px 0; }
h1 { font-size: 28px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
body { font-size: 15px; }
.large { font-size: 20px; }
.small { font-size: 13px; }
#home section { padding-bottom: 20px; }
#home-screenshots { position: relative; text-align: center; }
#home-bullets { padding-left: 0; height: auto; font-size: 18px; }
#download-button { width: 100px; height: 34px; }
#home-articles { font-size: 15px; }
.home-review,.home-reason { width: 100%; margin-right: 0; float: none; font-size: 13px; padding-bottom: 20px; }
#also-plus { float: none; }
#also, #plus { float: none; width: 100%; }
}