.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

navbar {
	background-color: #15388c;
}

button {
		
	  border: 1px solid black;
        border-radius: 5px;
        background: #57637b;
        height: 48px;
        width: 155px;
        margin-top: 5; 
        margin-left: 10;
        color: white;
        font-size: 18px;	
}

button.special {
	 background: #c1a44c;
	 color: black;
}

th {
    background-color: #15388c;
    color: white;
}

span.keyNumber {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  text-align: center;
  padding: 12px 0;
  border: 3px solid black;
  font-family: Arial;
  font-weight: bold;
}

span.keyMessage {
  display: inline-block;
  /*width: 50px;*/
  /*height: 200px;*/
  margin-bottom: 20px;
  /*text-align: center;*/
  padding: 10px 0px 0px 10px;
  border: 3px solid black;
  font-family: Arial;
  /*font-weight: bold;*/
  background-color: lightgray;
}

.navbar-toggler {
    width: fit-content;
}

.project-tab {
    padding: 10%;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}