a {
    color: #ecae46;
}
a:hover {
    color: #666666;
}

.btn-primary {
	background-color: #ecae46;
    border-color: #ecae46;
    font-weight: bold;
    text-decoration: none;
}
.btn-primary:hover {
	background-color: #ecae46;
    border-color: #000000;
    font-weight: bold;
}
.btn-secondary {
    color: #ffffff;
	background-color: #444444;
    border-color: #222222;
    font-weight: bold;
    text-decoration: none;
}
.btn-secondary:hover {
    color: #ecae46;
    background-color: #222222;
    border-color: #222222;
    font-weight: bold;
}
.card-title {
    color: #ecae46;
    font-weight: bold;
}

.branding-area {
    background-color: #eeeeee;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    overflow-x: hidden;
}

.branding-area > :first-child {
    /* let logos slightly overlap Comma img */
    width: 300px;
    overflow-x: visible;
}

.edument-links {
    padding-top: 10px;
    text-align: right;
}
.edument-links img {
    vertical-align: top;
    padding-right: 5px;
}
.edument-logo {
    padding-top: 6px;
}

.page-content {
    background-color: #eeeeee;
    padding: 20px;
}
.page-content-splash {
    background-color: #ecae46;
    padding: 20px;
}
.page-content-centered {
    background-color: #eeeeee;
    padding: 50px;
    text-align: center;
}
.content-heading {
    text-align: center;
    font-weight: bold;
}

footer {
    text-align: center;
    color: #aaaaaa;
    padding: 10px;
}

footer > * {
    margin: 10px;
}

.homepage-splash {
	text-align: center;
	background-color: #ecae46;
	padding: 10px;
}
.homepage-splash a {
    color: #000000;
}
.homepage-buy {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ecae46;
}

.homepage-splash > img {
    max-width: 98%;
}

.bullet-list > div {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.bullet-list > div > :first-child {
    color: #ecae46;
    width: 60px;
    text-align: right;
    margin-right: 10px;
}

.bullet-list > div > :last-child {
    max-width: 80%;
}

.features-page .card-img-top {
    max-width: 761px;
}

.faq {
    padding-left: 50px;
    padding-right: 50px;
}
.faq h3 {
    color: #ecae46;
}

.action-buttons {
    text-align: center;
    margin-top: -10px; 
}

.screenshot {
    width: 960px;
}

.action-buttons > * {
    margin-top: 10px; /* to make buttons stack on mobile */
}

.card {
    margin-bottom: 20px; /* same as page-content padding */
}

body > * {
    max-width: 1000px;
    margin: 0 auto;
}