body {
  margin: 0px;
  padding: 0px;
}
header ul,
header li {
  margin-left: 1vw;
  font-weight: bold;
}
header ul li a,
header ul li a:active,
header ul li a:hover {
  color: rgb(94, 92, 92);
  font-size: small;
}
.blue_btn {
  background-color: #196ea4;
  border-color: #196ea4;
}
.assign_content_row {
  padding: 10vh 7.3vw;
  margin: 7vh 0;
  height: 80vh;
}

.assign_content_text h2,
.assign_content_text h6 {
  width: 80%;
  margin-left: 2vw;
  margin-right: 2vw;
}
.assign_content_text ul {
  margin-left: 2vw;
  margin-right: 2vw;
}

.side_left {
  margin: 0 0 10vh 0;
  height: 40vh;
  position: relative;
  top: -15vh;
}
.side_fig {
  height: 5vh;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .assign_content_text h1 {
    font-size: 28px;
    margin: 5vh 0 0 0;
  }

  .assign_content_text h2 {
    text-align: center;
    margin: 3vh 2vw;
  }

  .assign_content_row {
    padding: 9vh 5.3vw;
    margin: 0vh 0;
    height: fit-content;
  }

  .side_fig {
    height: 2vh;
  }
  .side_left {
    height: 20vh;
  }
}

footer {
  padding-top: 5vh;
  padding-left: 7.3vw;
  padding-bottom: 0;
  padding-right: 7.3vw;
  margin: 5vh 0 0 0;
  /* height: 80vh; */
}
footer h5 {
  font-weight: bolder;
}

footer ul,
footer li {
  list-style-type: none;
  margin-top: 8px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 0;
}

footer div,
footer div div,
footer div div div {
  padding: 0;
  margin: 0;
}

footer a:hover,
footer a:visited,
footer a {
  text-decoration: none;
}

footer a {
  color: black;
  margin-left: 0;
  padding: 0 0 0 0;
  width: 100%;
}

section {
  height: 60vh;
}
@media screen and (max-width: 1000px) {
  section {
    height: 160vh;
  }
}

.arrow_key:hover {
  border-color: #196ea4;
  color: #196ea4;
  background-color: white;
}

/* equal card height */
.row-equal > div[class*="col-"] {
  display: flex;
  flex: 1 0 auto;
}

/* ensure equal card height inside carousel */
.carousel-inner > .row-equal.active,
.carousel-inner > .row-equal.next,
.carousel-inner > .row-equal.prev {
  display: flex;
}

/* prevent flicker during transition */
.carousel-inner > .row-equal.active.left,
.carousel-inner > .row-equal.active.right {
  opacity: 0.5;
  display: flex;
}