html,
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.063rem;
    color: #fff;
}

h1 {
    font-size: 1.45rem;
    font-weight: 600;
}

h2 {
    font-size: 1.3125rem;
}

hr {
    border: 0.4px solid #fff;
    opacity: 1;
}

.focus-headline {
    font-size: 1.9rem;
}

.page-icons {
    font-size: 1.4rem;
}

#main-container {
    max-width: 35.5rem;
}

#content-container {
    background-color: #352c2d;
    -webkit-box-shadow: 0px 0px 5px 7px rgba(239, 239, 239, 1);
    -moz-box-shadow: 0px 0px 5px 7px rgba(239, 239, 239, 1);
    box-shadow: 0px 0px 5px 7px rgba(239, 239, 239, 1);
}

label {
    font-size: 1rem;
}

small {
    font-size: 0.9375rem;
}

.seperator {
    background-image: linear-gradient(to right, #d8471b 50%, transparent 50%);
    background-position: top;
    background-size: 16px 2px;
    background-repeat: repeat-x;
}

.orange-text {
    color: #d8471b;
}

.form-control {
    font-size: 1rem;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #fff;
    border-bottom: 1px solid #fff;
    outline: none !important;
    box-shadow: none;
}

.form-control::placeholder {
    font-size: 1.25rem;
}


.form-control:focus {
    color: #fff;
    background-color: transparent;
    outline: none !important;
    box-shadow: none;
    border-bottom: 1px solid #fff;
}

.btn,
.btn:active,
.btn:hover {
    padding: 0.8rem;
    font-weight: 600;
    background-color: #d8471b;
    color: #fff;
    border: none;
    border-radius: 0;
    outline: none !important;
    box-shadow: none;
}

.grey-btn,
.grey-btn:active,
.grey-btn:hover {
    background-color: #666666;
}

.form-range::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 1px white;
}

.form-range::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 1px white;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 1px white;
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 1px white;
}

.form-range::-moz-focus-outer {
    border: 0;
}

.form-range::-webkit-slider-thumb {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: -0.4rem;
    background-color: #231e1f;
    border: 0;

}

.form-range::-webkit-slider-thumb:active {
    background-color: #231e1f;
    /* height: 5rem;
    width: 5rem; */
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.7rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0rem;
}