/********** Typeography **********/

p, ul, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "HelveticaNeueLight", "Helvetica", "Roboto", "Segoe UI", "Arial", "sans-serif";
    font-weight: normal;
}

p, ul {
    font-size: 14px;
}

h1, .h1 {
    font-size: 32px;
    line-height: 40px;
}
h2, .h2 {
    font-size: 26px;
    line-height: 33px;
}
h3, .h3 {
    font-size: 22px;
    line-height: 33px;
}
h4, .h4 {
    font-size: 20px;
    line-height: 28px;
}
h5, .h5 {
    font-size: 18px;
    line-height: 23px;
}
h6, .h6 {
    font-size: 16px;
    line-height: 20px;
}

.btn {
    border: 1px solid transparent;
    padding: 0rem 1.50rem;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 2.5rem;
    border-radius: 3px;
    font-family: "HelveticaNeueMedium", "Mier B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    height: 2.5rem;
}
.btn-primary {
background-color: #ffffff;
border-color:#dcdcdc;
color: #1e8ae7;
}
.btn-primary:hover {
background-color: #ffffff;
border-color: #1e8ae7;
color: #1e8ae7;
}
primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
background-color: #ffffff;
border-color: #1e8ae7;
color: #1e8ae7;
box-shadow: inset 0 2px 3px 3px #eeeeee;
}
.btn-primary.disabled, .btn-primary:disabled {
color: #7f7f7f;
background-color: #dcdcdc;
border-color: #dcdcdc;
}

.btn-featured {
background-color:#e71316;
border-color:#e71316;
color: #ffffff;
}
.btn-featured:hover {
background-color: #d01013;
border-color: #d01013;
color: #ffffff;
}
featured:not(:disabled):not(.disabled).active, .btn-featured:not(:disabled):not(.disabled):active, .show>.btn-featured.dropdown-toggle {
background-color: #d01013;
border-color: #d01013;
color: #ffffff;
box-shadow: inset 0 2px 5px 2px #b10609;
}

/*Mobile*/
@media (max-width: 768px) {
    h1, .h1 {
        font-size: 26px;
        line-height: 33px;
    }
    h2, .h2 {
        font-size: 21px;
        line-height: 26px;
    }
    h3, .h3 {
        font-size: 18px;
        line-height: 23px;
    }
    h4, .h4 {
        font-size: 16px;
        line-height: 20px;
    }
    h5, .h5 {
        font-size: 16px;
        line-height: 20px;
    }
    h6, .h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .display-1 {
        font-size: 40px;
        line-height: 50px;
    }
    .display-2 {
        font-size: 32px;
        line-height: 40px;
    }
    .display-3 {
        font-size: 24px;
        line-height: 30px;
    }
    .display-4 {
        font-size: 18px;
        line-height: 23px;
    }
}