/************
WEBSITE ESSENTIAL STYLE
*********************/

.upper { text-transform: uppercase!important; }
.capital { text-transform: capitalize !important; }
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span, .white p, .white div { color: white !important; }
.no-line {text-decoration: none !important;}

/* font size */
.size-10 { font-size: 10px !important; }
.size-11 { font-size: 11px !important; }
.size-12 { font-size: 12px !important; }
.size-13 { font-size: 13px !important; }
.size-14 { font-size: 14px !important; }
.size-15 { font-size: 15px !important; }
.size-16 { font-size: 16px !important; line-height: 26px !important;}
.size-17 { font-size: 17px !important; line-height: 27px !important;}
.size-18 { font-size: 18px !important; line-height: 28px !important;}
.size-19 { font-size: 19px !important; line-height: 31px !important;}
.size-20 { font-size: 20px !important;  line-height: 32px !important; }
.size-21 { font-size: 21px !important; line-height: 33px !important; }
.size-22 { font-size: 22px !important; line-height: 34px !important; }
.size-23 { font-size: 23px !important; line-height: 35px !important; }
.size-24 { font-size: 24px !important;  line-height: 36px !important;}
.size-25 { font-size: 25px !important; line-height: 37px !important; }
.size-30 { font-size: 30px !important; line-height: 43px !important; }
.size-35 { font-size: 35px !important; line-height: 48px !important; }
.size-40 { font-size: 40px !important; line-height: 50px !important; }
.size-45 { font-size: 45px !important; line-height: 55px !important; }
.size-50 { font-size: 50px !important; line-height: 62px !important; }
.size-55 { font-size: 55px !important; line-height: 67px !important; }
.size-60 { font-size: 60px !important; line-height: 72px !important; }
.size-65 { font-size: 65px !important; line-height: 77px !important; }
.size-70 { font-size: 70px !important; line-height: 82px !important; }
.size-75 { font-size: 75px !important; line-height: 87px !important; }
.size-80 { font-size: 80px !important; line-height: 92px !important; }
.size-90 { font-size: 90px !important; line-height: 102px !important; }
.size-100 { font-size: 100px !important; line-height: 112px !important; }
.size-120 { font-size: 120px !important; line-height: 132px !important;}
.size-130 { font-size: 130px !important; line-height: 142px !important;}
.size-140 { font-size: 140px !important; line-height: 152px !important;}
.size-150 { font-size: 150px !important; line-height: 162px !important;}
.size-200 { font-size: 200px !important; line-height: 212px !important;}

/* font weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }

/* padding top */
.pt-1, .py-1 { padding-top: 1rem !important; }
.pt-2, .py-2 { padding-top: 2rem !important; }
.pt-3, .py-3 { padding-top: 3rem !important; }
.pt-4, .py-4 { padding-top: 4rem !important; }
.pt-5, .py-5 { padding-top: 5rem !important; }
.pt-6, .py-6 { padding-top: 6rem !important; }
.pt-7, .py-7 { padding-top: 9rem !important; }
.pt-8, .py-8 { padding-top: 12rem !important; }
.pt-9, .py-9 { padding-top: 15rem !important; }
.pt-10, .py-10 { padding-top: 18rem !important; }
.pt-11, .py-11 { padding-top: 21rem !important; }
.pt-12, .py-12 { padding-top: 24rem !important; }
.pt-13, .py-13 { padding-top: 27rem !important; }
.pt-14, .py-14 { padding-top: 30rem !important; }

/* padding bottom */
.pb-1, .py-1 { padding-bottom: 1rem !important; }
.pb-2, .py-2 { padding-bottom: 2rem !important; }
.pb-3, .py-3 { padding-bottom: 3rem !important; }
.pb-4, .py-4 { padding-bottom: 4rem !important; }
.pb-5, .py-5 { padding-bottom: 5rem !important; }
.pb-6, .py-6 { padding-bottom: 6rem !important; }
.pb-7, .py-7 { padding-bottom: 9rem !important; }
.pb-8, .py-8 { padding-bottom: 12rem !important; }
.pb-9, .py-9 { padding-bottom: 15rem !important; }
.pb-10, .py-10 { padding-bottom: 18rem !important; }
.pb-11, .py-11 { padding-bottom: 21rem !important; }
.pb-12, .py-12 { padding-bottom: 24rem !important; }
.pb-13, .py-13 { padding-bottom: 27rem !important; }
.pb-14, .py-14 { padding-bottom: 30rem !important; }

/* margin top */
.mt-1, .my-1 { margin-top: 1rem !important; }
.mt-2, .my-2 { margin-top: 2rem !important; }
.mt-3, .my-3 { margin-top: 3rem !important; }
.mt-4, .my-4 { margin-top: 4rem !important; }
.mt-5, .my-5 { margin-top: 5rem !important; }
.mt-6, .my-6 { margin-top: 6rem !important; }
.mt-7, .my-7 { margin-top: 9rem !important; }
.mt-8, .my-8 { margin-top: 12rem !important; }
.mt-9, .my-9 { margin-top: 15rem !important; }
.mt-10, .my-10 { margin-top: 18rem !important; }
.mt-11, .my-11 { margin-top: 21rem !important; }
.mt-12, .my-12 { margin-top: 24rem !important; }
.mt-13, .my-13 { margin-top: 27rem !important; }
.mt-14, .my-14 { margin-top: 30rem !important; }

/* margin bottom */
.mb-1, .my-1 { margin-bottom: 1rem !important; }
.mb-2, .my-2 { margin-bottom: 2rem !important; }
.mb-3, .my-3 { margin-bottom: 3rem !important; }
.mb-4, .my-4 { margin-bottom: 4rem !important; }
.mb-5, .my-5 { margin-bottom: 5rem !important; }
.mb-6, .my-6 { margin-bottom: 6rem !important; }
.mb-7, .my-7 { margin-bottom: 9rem !important; }
.mb-8, .my-8 { margin-bottom: 12rem !important; }
.mb-9, .my-9 { margin-bottom: 15rem !important; }
.mb-10, .my-10 { margin-bottom: 18rem !important; }
.mb-11, .my-11 { margin-bottom: 21rem !important; }
.mb-12, .my-12 { margin-bottom: 24rem !important; }
.mb-13, .my-13 { margin-bottom: 27rem !important; }
.mb-14, .my-14 { margin-bottom: 30rem !important; }

/* Lines */
.line-50px {
    height: 3px;
    width: 50px;
}
.line-60px {
    height: 3px;
    width: 60px;
}
.line-70px {
    height: 3px;
    width: 70px;
}
.line-80px {
    height: 3px;
    width: 80px;
}
.line-90px {
    height: 3px;
    width: 90px;
}
.line-100px {
    height: 3px;
    width: 100px;
}
.line-110px {
    height: 3px;
    width: 110px;
}
.line-120px {
    height: 3px;
    width: 120px;
}
.line-130px {
    height: 3px;
    width: 130px;
}
.line-140px {
    height: 3px;
    width: 140px;
}
.line-150px {
    height: 3px;
    width: 150px;
}

/* background colors */
.bg-white {background-color: white;}
.bg-black {background-color: black;}

/*HEADING*/