/*--------- WIDTH */
.w5{
	width: 5vw !important;
}
.w10{
	width: 10vw !important;
}
.w20{
	width: 20vw !important;
}
.w30{
	width: 30vw !important;
}
.w40{
	width: 40vw !important;
}
.w50{
	width: 50vw !important;
}
.w60{
	width: 60vw !important;
}
.w70{
	width: 70vw !important;
}
.w80{
	width: 80vw !important;
}
.w90{
	width: 90vw !important;
}
.w100{
	width: 100vw !important;
}

/*--------- WIDTH PERCENT */

.w5p{
	width: 5% !important;
}
.w10p{
	width: 10% !important;
}
.w20p{
	width: 20% !important;
}
.w30p{
	width: 30% !important;
}
.w40p{
	width: 40% !important;
}
.w50p{
	width: 50% !important;
}
.w60p{
	width: 60% !important;
}
.w70p{
	width: 70% !important;
}
.w80p{
	width: 80% !important;
}
.w90p{
	width: 90% !important;
}
.w100p{
	width: 100% !important;
}

/*--------- HEIGHT */

.h5{
	height: 5vh !important;
}
.h10{
	height: 10vh !important;
}
.h20{
	height: 20vh !important;
}
.h30{
	height: 30vh !important;
}
.h40{
	height: 40vh !important;
}
.h50{
	height: 50vh !important;
}
.h60{
	height: 60vh !important;
}
.h70{
	height: 70vh !important;
}
.h80{
	height: 80vh !important;
}
.h90{
	height: 90vh !important;
}
.h100{
	height: 100vh !important;
}

/*--------- HEIGHT PERCENT */

.h5p{
	height: 5% !important;
}
.h10p{
	height: 10% !important;
}
.h20p{
	height: 20% !important;
}
.h30p{
	height: 30% !important;
}
.h40p{
	height: 40% !important;
}
.h50p{
	height: 50% !important;
}
.h60p{
	height: 60% !important;
}
.h70p{
	height: 70% !important;
}
.h80p{
	height: 80% !important;
}
.h90p{
	height: 90% !important;
}
.h100p{
	height: 100% !important;
}

/*--------- MAX HEIGHT */

.mh5{
	max-height: 5vh !important;
}
.mh10{
	max-height: 10vh !important;
}
.mh20{
	max-height: 20vh !important;
}
.mh30{
	max-height: 30vh !important;
}
.mh40{
	max-height: 40vh !important;
}
.mh50{
	max-height: 50vh !important;
}
.mh60{
	max-height: 60vh !important;
}
.mh70{
	max-height: 70vh !important;
}
.mh80{
	max-height: 80vh !important;
}
.mh90{
	max-height: 90vh !important;
}
.mh100{
	max-height: 100vh !important;
}

/*--------- MAX HEIGHT PERCENT */

.mh5p{
	max-height: 5% !important;
}
.mh10p{
	max-height: 10% !important;
}
.mh20p{
	height: 20% !important;
}
.mh30p{
	max-height: 30% !important;
}
.mh40p{
	max-height: 40% !important;
}
.mh50p{
	max-height: 50% !important;
}
.mh60p{
	max-height: 60% !important;
}
.mh70p{
	max-height: 70% !important;
}
.mh80p{
	max-height: 80% !important;
}
.mh90p{
	max-height: 90% !important;
}
.mh100p{
	max-height: 100% !important;
}

@media ( orientation : landscape) {
	.colmini{
		width: 5vw !important;
	}
	.colsmall{
		width: 10vw !important;
	}
	.colmid{
		width: 20vw !important;
	}
	.collarge{
		width: 30vw !important;
	}
	.col50{
		display: inline-block;
		float: left;
		width: 50% !important;
	}
}

@media ( orientation : portrait) {
	.colmini{
		width: 30% !important;
	}
	.colsmall{
		width: 45% !important;
	}
	.colmid{
		width: 92% !important;
	}
	.collarge{
		width: 92% !important;
	}
	.col50{
		display: inline-block;
		clear: both;
		width: 100% !important;
	}
}