* {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding: 0 48px;
}

h1 {
    font-size: 56px;
}

h2 {
    font-size: 32px;
    margin-top: 0.8em;
}

h3 {
    margin-top: 0.8em;
    font-size: 32px;
}

header {
    border-bottom: 1px solid #efefef;
    margin-bottom: 32px;
    padding-bottom: 16px;
    padding-top: 32px;
}

footer {
    border-top: 1px solid #efefef;
    color: #ccc;
    margin-top: 32px;
    padding-top: 32px;
    font-size: 12px;
}

body.bond {
    background-color: #000;
    color:  #fff;
}

.item-desc {
    opacity: 0.4;
}

.design-item {
    margin-top: 40px;
}

.app-download {
    width: 100%;
    max-height: 64px;
}

.excerpt {
    font-size: 24px;
    line-height: 32px;
}

@media (max-width: 768px) {
	body {
		font-size: 16px;
		line-height: 24px;
		padding: 0;
	}
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 32px;
        margin-top: 0.8em;
    }

    h3 {
        margin-top: 0.8em;
        font-size: 24px;
    }
    .design-item {
        margin-top: 24px;
    }
}

@media (max-width: 576px) {
	body {
		font-size: 14px;
		line-height: 18px;
	}
    h1 {
        font-size: 32px;
    }
    h2 {
    font-size: 24px;
        margin-top: 0.8em;
    }

    h3 {
        margin-top: 0.8em;
        font-size: 16px;
    }
    .design-item {
        margin-top: 16px;
    }
}

ul {
    list-style-position: outside;
    padding-left: 1.28em;
}

.lead {
    line-height: 1.28em;
}

.help-icon {
    border-radius: 4px;
    width: 24px;
    border: 1px solid #efefef;
}