/* Manage font sizes and more */
.font-large-1 {
    font-size: 2rem !important;
}

.font-large-2 {
    font-size: 3rem !important;
}

.font-large-3 {
    font-size: 4rem !important;
}

.font-large-4 {
    font-size: 5rem !important;
}

.font-large-5 {
    font-size: 6rem !important;
}


.font-small-1 {
    font-size: .7rem !important;
}

.font-small-2 {
    font-size: .8rem !important;
}

.font-small-3 {
    font-size: .9rem !important;
}

.font-small-4 {
    font-size: 1.1rem !important;
}

.font-small-5 {
    font-size: 1.3rem !important;
}

.font-small-6 {
    font-size: 1.6rem !important;
}

.font-small-7 {
    font-size: 1.9rem !important;
}

/* launch some responsive classes into the mix */

/*---------------------Media css start---------------------------*/

/* Large desktop */

@media (min-width: 1024px) {}

@media (min-width: 1025px) {}

@media (max-width: 1200px) {

}

@media screen(max-width: 1025px) and (max-height: 1367px) {

}

@media screen(min-width: 992px) and screen(max-width: 1024px) {}

@media screen (min-width: 1024px) {}

@media screen(min-width: 768px) and screen(max-width: 1024px) {}

/* landscape on tablets */

@media screen(min-width: 992px) {}

/* Portrait tablet to landscape and desktop */

@media screen (min-width: 768px) and (max-width: 979px) {}

/* Media-css Landscape phone to portrait tablet */

@media (max-width: 769px) {
	.font-large-1-769 {
        font-size: 2rem !important;
    }

    .font-large-2-769 {
        font-size: 3rem !important;
    }

    .font-large-3-769 {
        font-size: 4rem !important;
    }

    .font-large-4-769 {
        font-size: 5rem !important;
    }

    .font-large-5-769 {
        font-size: 6rem !important;
    }

    .font-small-1-769 {
        font-size: .7rem !important;
    }

    .font-small-2-769 {
        font-size: .8rem !important;
    }

    .font-small-3-769 {
        font-size: .9rem !important;
    }

    .font-small-4-769 {
        font-size: 1rem !important;
    }

    .font-small-5-769 {
        font-size: 1.3rem !important;
    }

    .font-small-6-769 {
        font-size: 1.6rem !important;
    }

    .font-small-7-769 {
        font-size: 1.9rem !important;
    }
}

/* Ipad Pro */

@media (max-height: 1367px) and (max-width:1025) {

}

/* landscape Ipad */

@media (max-width: 1367px) and (max-height:1025) {

}

/* Ipad */

@media (max-width: 769px) and (max-height: 1025px) {

}

/* Ipad Portrait */

@media (max-height: 769px) and (max-width: 1025px) {

}

/* Boca tablet Portrait-1*/

@media (max-width: 551px) and (max-height: 1025px) {

}

/* Boca tablet Portrait-2*/

@media (max-width: 650px) and (max-height: 950px) {

}

/* Boca Tablet Landscape */

@media (max-height: 551px) and (max-width: 1025px) {

}

/* Portrait mode on smaller devices */

@media (max-width: 481px) and (max-height: 860px) {

}

/* landscape mode on smaller devices */

@media (max-width: 860px) and (max-height: 481px) {

}

/* small phones and down */

@media (max-width: 641px) {
	.font-large-1-640 {
        font-size: 2rem !important;
    }

    .font-large-2-640 {
        font-size: 3rem !important;
    }

    .font-large-3-640 {
        font-size: 4rem !important;
    }

    .font-large-4-640 {
        font-size: 5rem !important;
    }

    .font-large-5-640 {
        font-size: 6rem !important;
    }

    .font-small-1-640 {
        font-size: .7rem !important;
    }

    .font-small-2-640 {
        font-size: .8rem !important;
    }

    .font-small-3-640 {
        font-size: .9rem !important;
    }

    .font-small-4-640 {
        font-size: 1rem !important;
    }

    .font-small-5-640 {
        font-size: 1.3rem !important;
    }

    .font-small-6-640 {
        font-size: 1.6rem !important;
    }

    .font-small-7-640 {
        font-size: 1.9rem !important;
    }
}

@media (max-width: 480px) {
	.font-large-1-480 {
        font-size: 2rem !important;
    }

    .font-large-2-480 {
        font-size: 3rem !important;
    }

    .font-large-3-480 {
        font-size: 4rem !important;
    }

    .font-large-4-480 {
        font-size: 5rem !important;
    }

    .font-large-5-480 {
        font-size: 6rem !important;
    }

    .font-small-1-480 {
        font-size: .7rem !important;
    }

    .font-small-2-480 {
        font-size: .8rem !important;
    }

    .font-small-3-480 {
        font-size: .9rem !important;
    }

    .font-small-4-480 {
        font-size: 1rem !important;
    }

    .font-small-5-480 {
        font-size: 1.3rem !important;
    }

    .font-small-6-480 {
        font-size: 1.6rem !important;
    }

    .font-small-7-480 {
        font-size: 1.9rem !important;
    }
}

@media (max-width: 360px) {
	.font-large-1-360 {
        font-size: 2rem !important;
    }

    .font-large-2-360 {
        font-size: 3rem !important;
    }

    .font-large-3-360 {
        font-size: 4rem !important;
    }

    .font-large-4-360 {
        font-size: 5rem !important;
    }

    .font-large-5-360 {
        font-size: 6rem !important;
    }

    .font-small-1-360 {
        font-size: .7rem !important;
    }

    .font-small-2-360 {
        font-size: .8rem !important;
    }

    .font-small-3-360 {
        font-size: .9rem !important;
    }

    .font-small-4-360 {
        font-size: 1rem !important;
    }

    .font-small-5-360 {
        font-size: 1.3rem !important;
    }

    .font-small-6-360 {
        font-size: 1.6rem !important;
    }

    .font-small-7-360 {
        font-size: 1.9rem !important;
    }
}

@media (max-width: 240px) {

}

@media (max-height: 360px) {

}