div#promo-page {
    /*background-color: wheat;*/
    font-family: "Helvetica", sans-serif;
}

div#promo-page div.line {
    border-bottom: 1px solid #022d66;
    width: 100%;
    margin: 1rem 0;
}

div#promo-page div.line.gray {
    border-color: #cecece;
    margin: 1.5rem 0;
}

div#promo-page div.mk-logo img {
    padding: 0 25%;
}

div#promo-page div.promo-image img {
    padding: 0 20%;
}

div#promo-page div.page-content {
    margin: 0 1.5rem;
}

div#promo-page div.page-content span.bold {
    font-weight: bold;
}

div#promo-page div.page-content h1 {
    font-size: 1.75rem;
    text-align: center;
    color: #022d66;    
}

div#promo-page div.page-content h2 {
    font-size: 1.25rem;
    text-align: center;
    color: #022d66;    
}

div#promo-page div.page-content p {
    line-height: 140%;
    text-align: justify;
}

div#promo-page div.page-content ul li {
    line-height: 140%;
    margin: 0.225rem 0;
    text-align: justify;
}

div#promo-page div.page-content div.half {
    display: flex;
    box-sizing: border-box;
    width: 100%;
}

div#promo-page div.page-content div.half div.half-left, 
div#promo-page div.page-content div.half div.half-right {
    flex: 1;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

div#promo-page div.page-content div.half div.half-right {
    flex-direction: column;
    align-items: flex-end;
}

div#promo-page div.page-content div.half div.half-right label {
    margin-top: 0.75rem;
    font-size: 13.7px;
}

div#promo-page div.page-content a.button {
    border: 6px solid transparent;
    border-radius: 16px;
    background: #022d66;
    box-shadow: 0 3px 9px black;
    padding: 8px 13px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: white;
}

div#promo-page div.page-content a.button:hover {
    background: #4b579a;
}