@media { /*xs*/
	audio{
		width: -webkit-fill-available;
		width: fill-avaiable;
	}
	audio:not([controls]) {
		display: none !important;
	}

	.backdrop-blur{
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}
	.blink{
		animation: blink 1s linear 2
	}
	.vol-con {
        margin-left: 35pt;
    }
}
	@keyframes blink{
		0%{opacity: 0;}
		50%{opacity: .5;}
		100%{opacity: 1;}
	}
	.cursor-pointer{
		cursor: pointer;
	}

	.footer{
		/*position: absolute;*/
		bottom: 0;
		width: 100%;
		height: 100px;
		background-color: #f5f5f5;
	}
	.no-select{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;

	}

	img{
		pointer-events: none;
	}
	.ltr{
		direction: ltr!important;
	}
	.rtl{
		direction: rtl!important;
	}
	.vertical-text{
		word-wrap: break-word;
		-ms-word-wrap: break-word;
		mso-word-wrap: break-word;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
	}

	@font-face {
		font-family: 'Quicksand';
		src: url('/assets/fonts/Quicksand-VariableFont_wght.ttf');
	}
	@font-face {
		font-family: 'Overlock';
		src: url('/assets/fonts/Overlock.ttf');
	}

	@font-face {
		font-family: 'QuicksandM';
		src: url('/assets/fonts/Quicksand-VariableFont_wght.ttf');
	}
	@font-face {
		font-family: 'CabinCondensed';
		src: url('/assets/fonts/CabinCondensed-Regular.ttf');
	}
	@font-face {
		font-family: 'greatDay';
		src: url('/assets/fonts/GreatDayPersonalUse.ttf');
	}
	@font-face {
		font-family: 'bahnschrift';
		src: url('/assets/fonts/BAHNSCHRIFT.ttf');
	}

	.p1-but-font-size{
		font-size: 1.5rem;
	}
	#niloo{
		font-family: greatDay;
		font-size: 25px;
	}
	#uniloo{
		margin-left: 3rem;
		margin-bottom: 0;
	}
	#shoar{
		color: black;
		font-weight: bold;
	}
	#ushoar{
		font-size: x-large;
		font-weight: bold;
	}
    @media (min-width: 576px) { /*sm*/
	.p1-but-font-size{
		font-size: 1.5rem;
	}
	
}

@media (min-width: 576px) { /*md*/
	.vol-con{
		margin-left: 60pt;
	}
}
@media (min-width: 768px) { /*md*/
	.p1-but-font-size{
		font-size: 1.7rem;
	}
	.vol-con{
		margin-left: 110pt;
	}
	#shoar{
		font-size: x-large;
	}
	#ushoar{
		font-size: 21px;
	}
	#niloo{
		font-size: 40px;
	}
	#uniloo{
		font-size: 18px;
		margin-left: 8rem;
	}
}
@media (min-width: 992px) { /*lg*/
	.h-sm-25{
		height:25% !important;
	}
	.h-md-14{
		height:14%!important;
	}
}
@media (min-width: 1200px) { /*xl*/
	.h-sm-25{
		height:25% !important;
	}
	.h-md-14{
		height:14%!important;
	}

}