:root {
    --frame-color: #F5F6EF;
    --font-color: #000000;
    --italic-font-color: #6B6B6B;
    --brand-color: #FF6633;
}


@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SF Pro/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
    url('fonts/SF Pro/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/SF Pro/SFProDisplay-Bold.woff2') format('woff2'),
    url('fonts/SF Pro/SFProDisplay-Bold.woff') format('woff'),
    url('fonts/SF Pro/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SF Pro/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
    url('fonts/SF Pro/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/SF Pro/SFProDisplay-Regular.woff2') format('woff2'),
    url('fonts/SF Pro/SFProDisplay-Regular.woff') format('woff'),
    url('fonts/SF Pro/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SF Pro/SFProDisplay-RegularItalic.eot');
    src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'),
    url('fonts/SF Pro/SFProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/SF Pro/SFProDisplay-RegularItalic.woff2') format('woff2'),
    url('fonts/SF Pro/SFProDisplay-RegularItalic.woff') format('woff'),
    url('fonts/SF Pro/SFProDisplay-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


body, html {
    padding: 0;
    margin: 0;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: var(--font-color);
}

i {
    color: var(--italic-font-color);
}

mark {
    background-color: unset;
    color: var(--brand-color);
}

a {
    color: var(--brand-color);
}

ul {
    margin: 0;
    padding: 0;
}

.list-none {
    list-style-type: none;
}

.list-disc {
    list-style-type: disc;
}

section:not(:first-child) {
    margin-top: 20px;
}


.d-flex {
    display: flex;
}


.d-block {
    display: block;
}

.justify-center {
    justify-content: center;
}

.text-center {
    text-align: center;
}

.mt-20 {
    margin-top: 20px;
}

.mt-16 {
    margin-top: 16px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-32 {
    margin-left: 32px;
}

.mb-300 {
    margin-bottom: 160px !important;
}

.container {
    padding-left: 16px;
    padding-right: 16px;
}

h1 {
    font-size: 25px;
}

h3 {
    font-size: inherit;
    font-weight: normal;
}

h1, h2, h3, p {
    margin: 0;
}


.font-weight-bold {
    font-weight: bold;
}

.frame {
    background-color: var(--frame-color);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
}

.page {
    padding-bottom: 34px;
    margin-bottom: 58px;
}