now-in-github-bcb-website/static/css/service.css

@font-face {
  src: url("fonts/Archivo_Black/ArchivoBlack-Regular.ttf") format("truetype");
  font-family: archivo-black;
  font-style: normal; }
@font-face {
  src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: bolder; }
@font-face {
  src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: bold; }
@font-face {
  src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
  font-family: open-sans;
  font-style: normal; }
@font-face {
  src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
  font-family: open-sans;
  font-weight: normal;
  font-style: italic; }
.banner {
  height: 30vh;
  background-image: url("../images/cover-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  position: relative; }
  .banner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(64, 62, 65, 0.6); }
  .banner h3 {
    text-align: center;
    align-self: center;
    font-size: 36px;
    color: white;
    z-index: 1; }

.service-content {
  width: 90%;
  margin: 60px auto;
  display: flex;
  justify-content: space-between; }
  .service-content .scene-container {
    overflow: hidden;
    width: 70%;
    background-color: #f0f0f0; }
  .service-content object {
    overflow-x: hidden;
    display: none;
    width: 100%;
    height: 100%; }
    .service-content object.active {
      display: block; }
      @media screen and (max-width: 1024px) {
        .service-content object.active {
          display: none; } }
  .service-content iframe {
    display: none; }
    @media screen and (max-width: 1024px) {
      .service-content iframe.active {
        display: block; } }
  .service-content ul {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .service-content ul li {
      list-style: none;
      padding: 10% 0;
      border-bottom: 2px solid white;
      text-align: center;
      cursor: pointer;
      background-color: #fcfcfc;
      color: #808285; }
      .service-content ul li.active {
        background-color: #28aae2;
        color: white; }
      .service-content ul li:last-child {
        border-bottom: none; }

/*# sourceMappingURL=service.css.map */