body, html {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
}

/* Header Styles */
.header {
	display: flex;
	align-items: center; /* Center vertically */
	/*justify-content: flex-start; /* Align to the left */
	/*justify-content: center; /* Horizontally center the content */
	padding: 2px 4px; /* Padding around the header */
	width: 100%;
}


.logo {
	width: 70px; /* Set the logo size */
	height: auto;
	margin-right: 35%; /* Space between the logo and title */
	justify-content: left;
	border-radius: 50%;
}

.title {	
	display: block;
	font-size: 27px; /* Font size for the title */
	font-weight: bold;
	color:#f20000;
	/*color: #db3333; /* Title text color */
	text-align: center;
	justify-content: center;
}

/* Line styling for the two-line title */
.title span {
	display:  block;
	font-size: 12px; /* Smaller font size for the second line */
	text-align: center;
	justify-content: center;
}

/* Mobile responsiveness */
/* Media query for screens smaller than 768px */
@media (max-width: 768px) {
	.logo {
		width: 40px; /* Smaller logo size for mobile */
		margin-right: 10px; /* Reduce space between logo and title */
	}

	.title {
		font-size: 18px; /* Smaller title font size */
	}

	.title span {
		font-size: 14px; /* Smaller second line font */
	}
}

/* Media query for very small screens (max-width: 480px) */
@media (max-width: 480px) {
	.logo {
		width: 30px; /* Even smaller logo size for small screens */
		margin-right: 8px; /* Less space between logo and title */
	}

	.title {
		font-size: 11px; /* Reduce font size for very small screens */
	}

	.title span {
		font-size: 8px; /* Further reduce second line font size */
	}
}


/*****/

body {
	margin: 0;
	padding: 0;
    background: url(sunrise.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	font-family: Verdana, Arial, sans-serif;
}

.carousel-inner {
    border: 8px solid orange;
    box-shadow: 0px 0px 0px 10px #ADDFFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}


figure {
    display: inline-block;
    margin: 11px; /* adjust as needed */	
}

figure img {
    vertical-align: top;
	border-radius: 50%;
	height: 130px;
	width: 130px;
	border: 3px solid orange;
}

figure figcaption {
    color: lightblue; 
    text-align: center;
}


.caption {
    position: absolute;
    width: 100%;
	text-align: center;
}


.navbar-inverse {
    background-color: #474343; 
    border-color: #969191;
}
.navbar-inverse .navbar-nav > li > a {
    color: #ede8e1;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: #555555;
    color: #ffffff;
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: #ffffff;
    color: #474343;
}

.container h2{
	color: orange;
	font-family: verdana;
	font-size: 151%;
}


/*** Calender Docs ***/
/*
body {
	margin-top: 40px;
}
section {
	padding-top: 40px;
}
.hero-unit {
	position: relative;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
	background: #020031;
	background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353));
	background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%);
	background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%);
	background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
	background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
.hero-unit .btn, .pagination-centered .btn {
	float: none;
	font-weight: normal;
}
.hero-unit p {
	margin: 1em 0;
}
.bs-docs-social {
	margin-top: 1em;
	padding: 15px 0;
	text-align: center;
	background-color: rgba(245,245,245,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(221,221,221,0.3);
}
.bs-docs-social-buttons {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.bs-docs-social-buttons li {
	display: inline-block;
	padding: 5px 8px;
	line-height: 1;
}
*/

/* Allows .modal-backdrop to remain on the page without blocking */
/*
.modal-backdrop {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity 0.15s linear, height 0 0.2s linear;
	-moz-transition: opacity 0.15s linear, height 0 0.2s linear;
	-ms-transition: opacity 0.15s linear, height 0 0.2s linear;
	-o-transition: opacity 0.15s linear, height 0 0.2s linear;
	transition: opacity 0.15s linear, height 0 0.2s linear;
}
.modal-backdrop.in {
	height: 100%;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
*/

/*** Calendar ***/
/*
.calAlert{
	width: 595px; float: right; margin-bottom: 5px;
}

.calXBtn{
	float: right; margin-top: -5px; margin-right: -5px;
}

.calWell{
	float: left; margin-bottom: 40px;
}

.fc-event.openSesame .fc-event-skin{
	background-color: rgb(229, 229, 11);
	color: black;
}

.fc-event.customFeed .fc-event-skin{
	background-color: rgb(132, 222, 175);
	color: black;
}

.calTools{
	margin-bottom: 10px;
}
*/

/*** Calender Docs ***/