/* .jumbotron { */
/* height: 60vh; */
/* background-color: #efefef; */
/* padding-bottom: 5px; */
/* } */

.my-navbar {
  background-color: #ffffff;
}

.active {
  color: #ff3f3b !important;
}

.colorpop-border {
  border-color: #ff3f3b;
  border-width: 2px;
}

.colorpop-text {
  color: #ff3f3b;
}

.project-img {
  height: 15em;
}

.brandimain {
  /* display: flex; */
  z-index: 5;
  /* position: relative; */
  /* max-height: 100vh; */
}

.brandiabout {
  max-height: 40vh;
  margin: auto 50px;
}

.blue-box {
  color: white;
  background-color: #2fa9c1;
  padding: 5px;
  font-weight: bold;
  /* padding-bottom: 5px; */
}

.black-box {
  color: white;
  background-color: black;
  padding: 5px;
  font-weight: bold;
  /* padding-bottom: 5px; */
}

.red-triangle {
  background-color: #ff3f3b;
  border-radius: 10px;
  transform: rotate(45deg);
  position: absolute;
  z-index: 0;
  height: 15em;
  width: 15em;
  margin-top: 40%;
  margin-left: 20%;
}

.main-info-div {
  margin: auto 0vh;
  border: black;
}

.card-text {
  color: grey;
  font-weight: normal;
}

body {
  font-family: Impact, Charcoal, sans-serif;
}

.btn-main {
  background-color: black;
  color: white;
}

a.btn-main:hover {
  background-color: #ff3f3b;
  border-color: #ff3f3b;
  color: white;
}

.carousel-img {
  max-height: 45vh;
}

a.colorpop-text:hover {
  color: #ff3f3b;
}

.carousel.slide {
  margin-bottom: 10px;
}

ul.about-me-list > li {
  margin-bottom: 3%;
}

.card {
  margin: 20px;
}

.carousel-item img {
  margin: 0 auto;
  width: auto;
}

.g-recaptcha {
  margin-bottom: 10px;
}