/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	2500px EXTRA LARGE
------------------------------ */
@media (min-width: 2500px) {}




/* ------------------------------ 
	2000px EXTRA LARGE
------------------------------ */
@media (min-width: 2000px) {}




/* ------------------------------ 
	1440px EXTRA LARGE
------------------------------ */
@media (min-width: 1440px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {}




/* ------------------------------ 
	640px SMALL
------------------------------ */
@media (min-width: 640px) {}




/* ------------------------------ 
	576px SMALL
------------------------------ */
@media (min-width: 576px) {}




/* ------------------------------ 
	541px SMALL
------------------------------ */
@media (min-width: 541px) {}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	2001px - 2200px LARGE
------------------------------ */
@media (min-width: 2001px) and (max-width: 2200px) {}




/* ------------------------------ 
	1601px - 2000px LARGE
------------------------------ */
@media (min-width: 1601px) and (max-width: 2000px) {}




/* ------------------------------ 
	1401px - 1600px LARGE
------------------------------ */
@media (min-width: 1401px) and (max-width: 1600px) {}




/* ------------------------------ 
	1200px - 1440px LARGE
------------------------------ */
@media (min-width: 1200px) and (max-width: 1440px) {}




/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
    .sign-bill {
        padding: 20px 20px 20px 20px;
    }

    .quill {
        max-width: 90px;
    }
}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
    .sign-bill {
        padding: 20px 60px 20px 60px;
        justify-content: center;
    }

    .quill {
        max-width: 90px;
    }
}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {}




/* ------------------------------ 
	321px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 321px) and (max-width: 374px) {}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
    .sign-bill {
        padding: 20px 20px 20px 20px;
        justify-content: center;
    }

    .quill {
        display: none
    }

    .lp-hero .logo {
        left: 0;
        right: 0;
    }

    h1, .h1 {
        font-size: 60px;
        line-height: 60px;
    }

    h3, .h3 {
        font-size: 35px;
        line-height: 37px;
    }

    .lp-hero .hero-content h1 {
        font-size: 60px;
        line-height: 60px;
    }
}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {
    .lp-hero {
        height: 1300px;
    }

    .slide {
        height: 1300px;
    }
}




/* ------------------------------ 
	550px - CUSTOM SIZE
------------------------------ */
@media (max-width: 550px) {}




/* ------------------------------ 
	540px - CUSTOM SIZE
------------------------------ */
@media (max-width: 540px) {}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {}




/* ------------------------------ 
	320px - CUSTOM SIZE - iPhone 5 & under
------------------------------ */
@media (max-width: 320px) {}