.party-photo-item {
    width: 100%;
    height: 300px;
}

.body {
 background-image: url("static", "img/Audio.jpg");
 background-color: #cccccc;
}

.party-item {
	margin-bottom: 30px;
}

.card:hover { background: url("./img/Audio.jpg"); }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Post an Audio';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.img { max-width: 100%; height: auto; }

.jumbotron {
	margin-top: -100;
	margin-bottom: 0;
	background-color: #fff;
}

.jumbotron-heading {
	font-weight: 200;
}

.jumbotron .container {
	max-width: 600px
}

.form-group .form-control {flex-grow:1}

.feed-comment {
	margin-top: 15px;
}

.feed-message.comments {
	margin-top: 10px;	
}

.media-footer {
	font-size: 0.9em;
	color: #5533FF;
}

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
}

.navbar ul li{
    display: inline-block;
 }