body {
  margin: 0;
  padding: 0;
}

.nav1_customBtn {
  font-size: smaller;
}

.nav1_customBg {
  background-color: #688d2d;
}

.nav2_customImg {
  width: 5%;
  vertical-align: middle;
}

.card1_customImg,
.card2_customImg,
.card3_customImg {
  margin: auto;
}

.card1_customImg {
  width: 300;
  height: 300;
  margin-block: 10px;
}

.card2_customImg {
  width: 300;
  height: 200;
  object-fit: cover;
  margin-block: 10px;
}

.card3_customImg {
  width: 200;
  height: 300;
  margin-block: 10px;
}

@media all and (max-width: 620px) {
  .nav1_custom {
    font-size: 3.5vw;
  }
}

@media all and (max-width: 800px) {
  .nav2_customImg {
    width: 10%;
  }
}

@media all and (max-width: 500px) {
  .nav2_customImg {
    width: 50px;
  }
}

@media all and (max-width: 1080px) {
  .card1_customImg {
    width: 150;
    height: 150;
  }

  .card2_customImg {
    width: 200;
    height: 150;
  }

  .card3_customImg {
    width: 100;
    height: 150;
  }
}

@media all and (max-width: 768px) {
  .card1_customImg {
    width: 200;
    height: 200;
  }

  .card2_customImg {
    width: 250;
    height: 200;
  }

  .card3_customImg {
    width: 150;
    height: 200;
  }
}

@media all and (max-width: 576px) {
  .card1_customImg,
  .card2_customImg,
  .card3_customImg {
    width: 100%;
    height: 100%;
  }
}