body
{
	/* font-size: 15px; */
	font-size: 16px;
	padding-top: 60px;
}

.panel-heading h3
{
	padding: 0px;
	margin: 0px;	
}

.btn
{
	margin: 5px 10px 5px 0px;
}
	
.thumbnail .caption
{
	text-align: center;
}
	
.footerNavigation
{
	padding-right: 15px;
	padding-left: 15px;
	
}

td .glyphicon
{
	font-size: 20px;	
}

/* Small Devices, Tablets */
@media (max-width: 767px) { 
    .logo-inline {
        height: 40px; /* Adjust this to fit the logo size you want */
    }
}

@media (min-width: 768px) {
     .logo-inline {
        height: 50px; /* Adjust this to fit the logo size you want */
    }
}

/* styling for bootstrap navigation */
.logo-inline {
    display: inline-block; /* Ensure the logo is inline */
    vertical-align: middle; /* Align the logo vertically with the text */
}

.navbar-brand span {
    display: inline-block; /* Keep the logo and text on the same line */
    vertical-align: middle; /* Ensure the text aligns with the logo */
}

.navbar-brand {
    display: inline-flex; /* Flexbox can also help align elements inline */
    align-items: center; /* Center align items vertically within the container */
}

.audio-albums-list a.btn
{
    font-size: 15px;
}

.navbar-nav > li > a 
{
    font-weight: bold;
}