/*Height Settings*/

.height-fit-content {height: fit-content;}

.h-auto {height: auto;}

.h-fill-available {height: -webkit-fill-available;}

/*Percentage Height Settings*/
/*-------------------------------------------*/
.h-0 {height: 0%;}
.h-5 {height: 5%;}
.h-10 {height: 10%;}
.h-15 {height: 15%;}
.h-20 {height: 20%;}
.h-25 {height: 25%;}
.h-30 {height: 30%;}
.h-35 {height: 35%;}
.h-40 {height: 40%;}
.h-45 {height: 45%;}
.h-50 {height: 50%;}
.h-55 {height: 55%;}
.h-60 {height: 60%;}
.h-65 {height: 65%;}
.h-70 {height: 70%;}
.h-75 {height: 75%;}
.h-80 {height: 80%;}
.h-85 {height: 85%;}
.h-90 {height: 90%;}
.h-95 {height: 95%;}
.h-100 {height: 100%;}

/*Pixel Height Settings*/
/*-------------------------------------------*/
.h-0px {height: 0px;}
.h-5px {height: 5px;}
.h-10px {height: 10px;}
.h-15px {height: 15px;}
.h-20px {height: 20px;}
.h-25px {height: 25px;}
.h-30px {height: 30px;}
.h-35px {height: 35px;}
.h-40px {height: 40px;}
.h-45px {height: 45px;}
.h-50px {height: 50px;}
.h-55px {height: 55px;}
.h-60px {height: 60px;}
.h-65px {height: 65px;}
.h-70px {height: 70px;}
.h-75px {height: 75px;}
.h-80px {height: 80px;}
.h-85px {height: 85px;}
.h-90px {height: 90px;}
.h-95px {height: 95px;}
.h-100px {height: 100px;}

/*Vertical Height Settings*/
/*-------------------------------------------*/
.h-0vh {height: 0vh;}
.h-1vh {height: 1vh;}
.h-2vh {height: 2vh;}
.h-3vh {height: 3vh;}
.h-4vh {height: 4vh;}
.h-5vh {height: 5vh;}
.h-6vh {height: 6vh;}
.h-7vh {height: 7vh;}
.h-8vh {height: 8vh;}
.h-9vh {height: 9vh;}
.h-10vh {height: 10vh;}
.h-15vh {height: 15vh;}
.h-20vh {height: 20vh;}
.h-25vh {height: 25vh;}
.h-30vh {height: 30vh;}
.h-35vh {height: 35vh;}
.h-40vh {height: 40vh;}
.h-45vh {height: 45vh;}
.h-50vh {height: 50vh;}
.h-55vh {height: 55vh;}
.h-60vh {height: 60vh;}
.h-65vh {height: 65vh;}
.h-70vh {height: 70vh;}
.h-75vh {height: 75vh;}
.h-80vh {height: 80vh;}
.h-85vh {height: 85vh;}
.h-90vh {height: 90vh;}
.h-95vh {height: 95vh;}
.h-100vh {height: 100vh;}

/*-------------------------------------------*/
/*Mobile Break Points*/
/*-------------------------------------------*/

/*On Desktop*/

@media (orientation: landscape) {

.h-md-auto {height: auto;}

.h-md-0vh {height: 0vh;}
.h-md-1vh {height: 1vh;}
.h-md-2vh {height: 2vh;}
.h-md-3vh {height: 3vh;}
.h-md-4vh {height: 4vh;}
.h-md-5vh {height: 5vh;}
.h-md-6vh {height: 6vh;}
.h-md-7vh {height: 7vh;}
.h-md-8vh {height: 8vh;}
.h-md-9vh {height: 9vh;}
.h-md-10vh {height: 10vh;}
.h-md-15vh {height: 15vh;}
.h-md-20vh {height: 20vh;}
.h-md-25vh {height: 25vh;}
.h-md-30vh {height: 30vh;}
.h-md-35vh {height: 35vh;}
.h-md-40vh {height: 40vh;}
.h-md-45vh {height: 45vh;}
.h-md-50vh {height: 50vh;}
.h-md-55vh {height: 55vh;}
.h-md-60vh {height: 60vh;}
.h-md-65vh {height: 65vh;}
.h-md-70vh {height: 70vh;}
.h-md-75vh {height: 75vh;}
.h-md-80vh {height: 80vh;}
.h-md-85vh {height: 85vh;}
.h-md-90vh {height: 90vh;}
.h-md-95vh {height: 95vh;}
.h-md-100vh {height: 100vh;}

.h-md-0 {height: 0%;}
.h-md-1 {height: 1%;}
.h-md-2 {height: 2%;}
.h-md-3 {height: 3%;}
.h-md-4 {height: 4%;}
.h-md-5 {height: 5%;}
.h-md-6 {height: 6%;}
.h-md-7 {height: 7%;}
.h-md-8 {height: 8%;}
.h-md-9 {height: 9%;}
.h-md-10 {height: 10%;}
.h-md-15 {height: 15%;}
.h-md-20 {height: 20%;}
.h-md-25 {height: 25%;}
.h-md-30 {height: 30%;}
.h-md-35 {height: 35%;}
.h-md-40 {height: 40%;}
.h-md-45 {height: 45%;}
.h-md-50 {height: 50%;}
.h-md-55 {height: 55%;}
.h-md-60 {height: 60%;}
.h-md-65 {height: 65%;}
.h-md-70 {height: 70%;}
.h-md-75 {height: 75%;}
.h-md-80 {height: 80%;}
.h-md-85 {height: 85%;}
.h-md-90 {height: 90%;}
.h-md-95 {height: 95%;}
.h-md-100 {height: 100%;}

}