.panel-body {
    padding: 15px;
    background-color: #151515;
}

.panel-default > .panel-heading {
    color: #fcfcfc;
    background-color: #f00;
    border-color: #f00;
}

.panel-default {
    border-color: #000000;
}





body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #000;
}

.h3, h3 {
    font-size: 24px;
	font-family: 'Righteous', cursive;
}


.navbar {
	margin-bottom: 0;
	border-radius: 0;
	background-color: #000;
	color: #fff;
	padding: 1% 0;
	font-size: 1.2em;
	border: 0;
	font-family: 'Righteous', cursive;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-bottom-color: #FF0004;
}


.navbar-brand {
	float: left;
	min-height: 55px;
	padding: 0 15px 5px;
}

.navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus,
.navbar-inverse .navbar-nav .active a:hover {
	color: #fff;
	
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #2b2bbf;
	font-family: 'Righteous', cursive;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #6d6dfc;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}




.carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	text-transform: uppercase;
}

.btn {
	font-size: 18px;
	color: #fff;
	padding: 12px 22px;
	background: #5e4485;
	border: 2px solid #fff;
}

.container {
	margin: 4% auto;
}

#icon {
	max-width: 225px;
	margin: 1% auto;
	margin-top: 20px;
}

footer {
	width: 100%;
	background-color: #181818;
	padding: 3%;
	border-style: solid;
	border-width: 3px 0px 0px 0px;
	border-top-color: #FF0004;
}



p {
	text-indent: 20px;
}

figcaption {
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
}



.fa {
	padding: 15px;
	font-size: 25px;
	color: #fff;
}

.fa:hover {
	color: #d5d5d5;
	text-decoration: none;

}

@media (max-width: 900px) {
	.fa {
		font-size: 20px;
		padding: 10px;
	}
}


@media (max-width: 600px) {
	.carousel-caption {
		display: none;
	}
#icon {
	max-width: 150px;
	}
	h2 {
		font-size: 1.7em;
	}
}


#picture {
	padding-bottom: 15px;
}

td, th {
    padding: 5px;
	background-color: bisque;
}

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fb0909;
    border: 2px solid #000;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 9px 5px rgba(0,0,0,.05);
	color: #fff;
	font-size: 25px;
}

.thumbnails				{ margin-right: -15px; }

.thumbnails a 			{ float:left; width: 25%; padding-right: 15px; box-sizing: border-box;
					margin-bottom: 15px; }

.thumbnails	img			{ display: block; transition: all .3s ease-in-out;}

.thumbnails:hover img 	{ opacity: .6; transform: scale(1); }

.thumbnails img:hover 	{ opacity:1;  transform: scale(1); box-shadow: 0 0 7px rgba(0, 0, 0, .5);  }


img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}


.alert-info {
    color: #fff;
    background-color: #1f2224;
    border-color: #f00;
    
}