::selection
{
    background-color: #a0070b;
    color: white;
}

body
{
    font-family: "filson-pro",sans-serif;
}

@media only screen and (max-width: 480px){
    html{
        font-size: 12px !important;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - START COLOR CLASSES - - - - - - - - - - - - - - - - - - - - - */

.text-primary { color: #a0070b !important; }
.bg-primary { background-color: #a0070b !important; }
.text-secondary { color: #222222; }
.bg-secondary { background-color: #222222; }
.text-offwhite { color: #f5f5f5; }
.bg-offwhite { background-color: #f5f5f5; }
.text-yellow { color: #ffd24f; }
.bg-yellow{ background-color: #ffd24f; }
.text-saffron { color: #e35629; }
.bg-saffron { background-color: #e35629; }
.bg-skyblue { background-color: #bceaff; }
.bg-matt { background-color: #fff4b7; }

.text-primary2 { color: #000427; }
.text-primary3 { color: #55ca15; }
.bg-primary2 { background-color: #000427; }
.bg-primary3 { background-color: #55ca15; }

/* - - - - - - - - - - - - - - - - - - - - - END COLOR CLASSES - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - START FONTS - - - - - - - - - - - - - - - - - - - - - */
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }

.fs-xs { font-size: 0.8rem; }
.fs-sm { font-size: 0.9rem; }
.fs-md { font-size: 1rem; }
.fs-lg { font-size: 1.2rem; }
.fs-xl { font-size: 1.5rem; }
.fs-xxl { font-size: 2.5rem; }
.fs-xxxl { font-size: 3.2rem; }

@media only screen and (min-width: 992px) {
    .fs-lg-xxxl {font-size: 3.2rem;}
}
/* - - - - - - - - - - - - - - - - - - - - - END FONTS - - - - - - - - - - - - - - - - - - - - - */

.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }

.border-radius-rounded { border-radius: 100px; }

.lh-1 { line-height: 1.2; }
.lh-2 { line-height: 1.4; }
.lh-3 { line-height: 1.6; }

.btn-saffron {
    color: #fff;
    background-color: #e35629;
    border-color: #e35629;
    transition: .1s all;
}

.btn-saffron:hover {
    background-color: #bc481b;
    transition: .3s all;
}

.btn-saffron:focus {
    box-shadow: 0 0 0 0.2rem rgba(211,90,43,.55);
}

.btn-yellow {
    color: #fff;
    background-color: #ffd24f;
    border-color: #ffd24f;
    transition: .1s all;
}

.btn-yellow:hover {
    background-color: #eccf7b;
    transition: .3s all;
}

.btn-yellow:focus {
    box-shadow: 0 0 0 0.2rem rgba(211,90,43,.55);
}

.border-bottom-dashed {
    border-bottom: 2px solid #6c757d;
    border-bottom-style: dashed;
}

.border-radius-2p{
    border-radius: 2px;
}
.border-radius-4p{
    border-radius: 4px;
}

/* - - - - - - - - - - - - - - - - - - - - - START WIDTH - - - - - - - - - - - - - - - - - - - - - */
.w-70{
    width: 70%;
}

.float-r {
    float: right !important;
}