@font-face {
    font-family: 'parabolica-light';
    src: url('../fonts/parabolica-light.woff2') format('woff2'),
        url('../fonts/parabolica-light.woff') format('woff');
}

@font-face {
    font-family: 'parabolica-italic';
    src: url('../fonts/parabolica-italic.woff2') format('woff2'),
        url('../fonts/parabolica-italic.woff') format('woff');
}

@font-face {
    font-family: 'parabolica-regular';
    src: url('../fonts/parabolica-regular.woff2') format('woff2'),
        url('../fonts/parabolica-regular.woff') format('woff');
}

@font-face {
    font-family: 'parabolica-semibold';
    src: url('../fonts/parabolica-semibold.woff2') format('woff2'),
        url('../fonts/parabolica-semibold.woff') format('woff');
}

@font-face {
    font-family: 'parabolica-bold';
    src: url('../fonts/parabolica-bold.woff2') format('woff2'),
        url('../fonts/parabolica-bold.woff') format('woff');
}

@font-face {
    font-family: 'new-spirit-book';
    src: url('../fonts/new-spirit-book.woff2') format('woff2'),
        url('../fonts/new-spirit-book.woff') format('woff');
}

@font-face {
    font-family: 'new-spirit-book-italic';
    src: url('../fonts/new-spirit-book-italic.woff2') format('woff2'),
        url('../fonts/new-spirit-book-italic.woff') format('woff');
}

@font-face {
    font-family: 'new-spirit-bold';
    src: url('../fonts/new-spirit-bold.woff2') format('woff2'),
        url('../fonts/new-spirit-bold.woff') format('woff');
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'parabolica-light', sans-serif;
    font-size: 16px;
    line-height: 1.3125;
    color: #1f2933;
    background: #fbf9f3;
    letter-spacing: normal;
}

.header {
    background: #fbf9f3;
}

.header__logo {
    height: 25px;
}

@media(max-width: 600px) {
    .header__logo {
        height: 20px;
    }
}

h1 {
    font-family: 'new-spirit-book', serif;
    font-size: 30px;
    line-height: 1.1;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
}

@media(max-width: 600px) {
    h1 {
        font-size: 26px;
    }
}

.h3--section {
    border-color: #1f2933;
    font-family: 'new-spirit-book', serif;
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: normal;
}

@media(max-width: 600px) {
    .h3--section {
        font-size: 18px;
    }
}

.cartItem__content {
    font-size: 17px;
}

@media(max-width: 600px) {
    .cartItem__content {
        font-size: 15px;
    }
}

.cartItem__title {
    font-family: 'new-spirit-book', serif;
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 22px;
}

@media(max-width: 600px) {
    .cartItem__title {
        font-size: 17px;
    }
}

.cartItem__button:hover,
.textButton:hover {
    color: #f65e08;
    opacity: 1;
}

.asideBox {
    background-color: #fef3c9;
    color: #4e3531;
}

.cartItem__priceTotal,
.orderSummary__row--total {
    font-family: 'parabolica-semibold', sans-serif;
    font-weight: normal;
}

.orderSummary {
    font-size: 17px;
}

@media(max-width: 600px) {
    .orderSummary {
        font-size: 15px;
    }
}

.orderSummary__row--total span {
    font-family: 'parabolica-light', sans-serif;
}

.button {
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    justify-content: center;
    text-align: center;
    min-height: 48px;
    font-size: 17px;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 1.2;
    border: 1px solid currentColor;
    transition: all .2s ease;
    background-color: transparent;
    color: inherit;
    font-family: 'parabolica-light', sans-serif;
    font-weight: normal;
}

.button:hover,
.button-filled:hover {
    background-color: #d6e2bc;
    color: #4e3531;
    border: 1px solid #d6e2bc;
}

.button--filled {
    min-height: 63px;
    padding: 5px 15px;
    font-family: 'parabolica-semibold', sans-serif;
    background-color: #d6e2bc;
    color: #4e3531;
    border: none;
}

.button--filled:hover {
    color: #f65e08;
    background-color: #d6e2bc;
    border: none;
}

.button--small {
    min-height: 42px;
    padding: 5px 15px;
    font-size: 15px;
}

.cartItem__quantityInputButton {
    background-color: #d6e2bc;
    color: #4e3531;
}

.cartItem__quantityInputField {
    background-color: #fff8de;
    color: #1f2933;
}

.progress__number {
    color: #1f2933;
    box-shadow: 0 0 0 15px #fbf9f3;
    font-weight: normal;
    font-family: 'parabolica-semibold', sans-serif;
    border-color: currentColor;
    background: #fbf9f3;
}

.active .progress__number {
    background: #7a1f2b;
    color: #fef3c9;
    border: none;
}

.progress__icon {
    fill: currentColor;
}

.listOptions__item,
.form__input {
    background: #fff8de;
    color: #1f2933;
}

.listOptions__title {
    font-weight: normal;
    font-family: 'parabolica-semibold', sans-serif;
}

.footer__background {
    background: #7a1f2b;
    color: #fef3c9;
}

.footer__nav a:hover {
    color: #f65e08;
}