body {
    font-family: 'Teko', sans-serif;
    font-size: 1.5rem;
}

main {
  max-width: 950px;
  
}

.showcaseCards {
  width: 18rem;
  border: 0;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 1400px; /* or 950px */
  }

  .navbar-toggler {
    background-color: transparent;
    border: 0;
  }
  
.btn {
    font-size: 1.2rem;
}

.navbar-brand {
    font-size: 3rem;
    float:none;
    text-align: center;

  }

  .card-img-top {
    width: 100%;
    height: 17rem;
    object-fit: cover;
}

.img-fluid {
    width: 100%;
    height: 18rem;
    object-fit: cover;
}

@media (min-width: 576px) {
  .img-fluid {
    
    height: 20rem;
}
}

@media (min-width: 768px) {
  .img-fluid {
    
    height: 9rem;
}
}

@media (min-width: 991px) {
  .img-fluid {
    height: 8rem;
}
}

@media (min-width: 1200px) {
  .img-fluid {
    height: 10rem;
}
}
@media (min-width: 1400px) {
  .img-fluid {
    height: 12rem;
}
}