body.webradio {
	padding-bottom: 80px;
}
body {
	padding-bottom: 0;

}
#navbar-desktop {
	position: fixed;
	top: 0;
	left:auto;
	right: 0;
	bottom:0;
	z-index: 1;
	padding: 30px;
	width: 100%;
	box-shadow: 0 5px 12px rgb(0 0 0 / 20%);
}
#navbar-desktop.collapsing {
    transition: none;
    height: auto;
}
#navbar-desktop .navbar-toggler {
	position: absolute;
	top: 12px;
    right: 12px;
}
.navbar-brand {
	padding-top: 0.335rem;
	padding-bottom: 0.335rem;
}
.navbar-brand img {
	max-height: 54px;
}
#dropdownMenuAvatar.dropdown-menu {
	border-radius: 0;
}
#dropdownMenuAvatar .dropdown-item{
	border-radius: 0!important;
}

#install-prompt-android,
#install-prompt-ios {
	max-width: 280px;
	left: auto;
	top:0;
	bottom:initial;
}
@media (min-width: 768px) {
	#navbar-desktop {
		width: 350px;
	}
}

@media (min-width: 992px) {
	#navbar-desktop {
		position:inherit;
		top: inherit;
		left:inherit;
		right: inherit;
		bottom:inherit;
		z-index: inherit;
		padding: 0;
		box-shadow:none;
	}
	.navbar-expand-xl .navbar-nav .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link,
	.navbar-expand-md .navbar-nav .nav-link {
	    padding: 1rem 2rem;
	}
	.navbar-dark .navbar-nav .nav-link.active:after,
	.navbar-light .navbar-nav .nav-link.active:after {
		content:'';
		position:absolute;
		bottom:-0.7rem;
		left:0;
		right:0;
		margin:0 auto;
		width:80%;
		height:4px;
	}
	.w-lg-25 {
		width: 25%;
	}
	.w-lg-50 {
		width: 50%;
	}
	.w-lg-75 {
		width: 75%;
	}
	.w-lg-100 {
		width: 100%;
	}
}