body {
    background-color: #e24357;
}

.wrapper {
    max-width: 1100px;
}

p, h1, h2, h3, button, label {
    color: #3C3C3B;
}

p {
    font-family: 'Barlow-Regular';
}

h1 {
    font-family: 'Barlow-Bold';
    font-size: 0.8rem !important;
}

h3 {
    font-family: 'Barlow-Bold';
    font-size: 0.7rem !important;
}

@media (min-width: 1024px) {
    h1 {
        font-size: 1.7rem !important;
    }
    h3 {
        font-size: 1.5rem !important;
    }
}

select {
    font-family: 'Barlow-Regular' !important;
    background-color: #3C3C3B;
    color: white !important;
    font-size: 0.5rem !important;
}

@media (min-width: 1024px) {
    select {
        font-size: 1.4rem !important;
    }
}

label {
    font-family: 'Barlow-Regular' !important;
    font-size: 0.6rem !important;
}
@media (min-width: 1024px) {
    label {
        font-size: 1rem !important;
    }
}

button[type="submit"] {
    font-family: 'Barlow-Bold';
    background-color: #3C3C3B;
    color: white;
    font-size: 0.7rem !important;
}

@media (min-width: 1024px) {
    button[type="submit"] {
        font-size: 1rem !important;
    }
}

.line {
    width: 100%;
    background-color: #3C3C3B;
    height: 2px;
}

.method button, .ammount button, .ammount .button{
    font-family: 'Barlow-Regular';
    background-color: white;
    font-size: 0.7rem !important;
}
@media (min-width: 1024px) {
    .method button, .ammount button, .ammount .button{
        font-size: 1.2rem !important;
    }
}
.ammount .button {
    text-align: center;
}
.ammount .button::placeholder {
    color: #3C3C3B;
}

.method button.selected, .ammount button.selected, .ammount .button.selected {
    background-color: #3C3C3B;
    color: white;
}
.ammount .button.selected::placeholder {
    color: white;
}

.input-parent input {
    width: 100%;
}

.border-r-1 {
    border-right-width: 1px;
}

@media (min-width: 1024px) {
    #footer-slogan-desktop {
        background-image: url('img/footer_slogan_2_desktop.png') !important;
        background-size: contain;
    }
}

.checkbox-container {
    cursor: pointer;
}

.checkbox-container input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox-container .checkmark {
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #eee;
    border-radius: 20%;
}

.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #E20615;
}

.checkbox-container input:checked ~ .checkmark::after {
    content:'\2713';
    display:inline-block;
    color:white;
    font-size: 10px;
    position: absolute;
    width: 13px;
    text-align: center;
}