@media only screen and (min-width: 768px){
.contents {
  max-width: 1140px;
  margin: auto;
padding: 25px 0px;
}
.content section:nth-child(2n+1) {
  background-color: #ccc;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
}
.banner {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.card {
  background-color: white;
  width: auto;
font-size: larger;
}
.footer {
  margin-top: 0;
}
#navbar-collapse-2 {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.button-container {
  margin-top: auto;
}
  /* Ensure equal height for columns and push the button to the bottom */
  .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
.item {
  position: relative;
}

.item a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

}
.card.item:hover {
  box-shadow: 0px 0px 10px 2px #aaa;
}
 
.grow:hover {
  cursor: pointer;
  transition: all .5s ease-in-out;
  opacity: 1;
  transform: scale(1.3);
}
.grow-container {
  overflow: hidden;
}