:root {
    --brown: #80181b;
    --orange: #ef702f;
}

/*
* Vertical align
*/
.vh-80 {
    height: 80vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-28 {
    height: 28vh !important;
}

.vh-25 {
    height: 25vh !important;
}


.w-80 {
    width: 80% !important;
}

.pt-40px {
    padding-top: 40px !important;
}

.pb-40px {
    padding-bottom: 40px !important;
}

.opacity-96 {
    opacity: 0.96 !important;
}

/* 
* Z-index
*/

.z-index-1099 {
    z-index: 1099 !important;
}

/* 
* Font Size
*/
.fs-10px {
    font-size: 10px !important;
}

.fs-11px {
    font-size: 11px !important;
}

/*
* Text shadow
*/
.text-shadow-white {
    text-shadow: #fff 1px 0 10px;
}

.text-shadow-dark {
    text-shadow: #000 1px 0 10px;
}

/* 
* theme color
*/
.text-brown {
    color: var(--brown) !important;
}

.bg-brown {
    background-color: var(--brown) !important;
}

.border-brown {
    border-color: var(--brown) !important;
}

.text-orange {
    color: var(--orange) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.border-orange {
    border-color: var(--orange) !important;
}