.working-line {
  margin: 0px;
  border-top: solid;
}
.project-page-container {
  margin-left: 5%;
  margin-right: 5%;
}
h1 {
  color: lightseagreen;
}

.work-overview {
  margin-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 20px;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: lightseagreen;
}

small {
  font-style: italic;
}

.card-title {
  color: lightseagreen;
}

.iframe-container {
  overflow: hidden;
  padding-top: 67.25%; /*56.25%*/
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* accordion */
.card-header {
  background-color: white;
}

.card {
  border-color:rgba(31, 177, 170, 0.52);;
}



.card-header a{
  color: black;
  font: auto;
  border-bottom-color:rgba(31, 177, 170, 0.52);
}

.card-header a:after {
  font-family: "FontAwesome";
  content: "\f00d";
  float: right;
  color: lightseagreen;
}

.card-header a.collapsed:after {
  content: "\f0dd";
  color: lightseagreen;
}

.card-header a {
  position: relative;
  display: block;
  padding: rem(10px) rem(20px);
  transition: all .8s;
}