/* Add here all your css styles (customizations) */

body {
  margin-top: 78px !important;
}
small {
  font-size: 14px;
}
.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar .nav-item.active .nav-link {
  text-decoration: none;
  color: #e83e8c !important;
}

.logo {
  height: 50px;
}

.text-shadow {
  text-shadow: 2px 2px 8px #333333;
}

.project audio {
  outline: 0 !important;
  float: left;
}

audio:focus {
  outline: none !important;
}

@media (max-width: 767px) {
	.logo {
	  height: 50px;
	}
	.navbar-toggler {
		margin-top: 10px;
  }
  .project {
    text-align: center;
  }  
  .project audio {
    display: block;
    float: none !important;
    margin-bottom: 20px;
    width: 100%;
  }
  .project a {
    float: none !important;
  }
}