body {
  font-family: "Open Sans", sans-serif;
}

#intro {
  background-image: url(/img/imgStart.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 108vw;
  transition: .3s var(--_s, 0s) linear, background-size .3s calc(.3s - var(--_s, 0s));
}

.img-container {
  width: 90%;
  height: 200px;
  object-fit: cover;
  object-position: right;
  zoom: initial;
}

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  transform: scale(1.1);
}

.card-body {
  transition: transform .2s;
}

.card-body.zoom:hover {
  transform: scale(1.1);
}

.nav-link:active {
  color: #2C6984;
}

.nav-link:hover {
  font-family: Arial, Helvetica, sans-serif;
  transform: scaleX(1);
  color: rgb(51, 126, 212);
  text-decoration: underline;
}

.image {
  width: 395px;
  height: 330px;
}

.images {
  width: 309px;
  height: 206px;
  zoom: normal;
}

.card-body {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-body:hover {
  transform: translateY(0px);
}

.for-images {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  height: 530px;
}