* {
  font-family: "Calibri";
}
#portfolio-header {
  background-image: url(/images/portfolio-header.jpg);
  margin-top: -80px;
  width: 100%;
  height: 83vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-port {
  background: white;
}
#port10,
#port19 {
  width: 269px;
}

#portfolio-contact {
  margin-top: 80px;
}
.modal-header {
  display: none;
}
.modal-content {
  background: transparent;
  border: none;
}

.modal-footer {
  border-top: none;
}

#txt-portport {
  width: auto;
}

#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8,
#slide9,
#slide10,
#slide11,
#slide12,
#slide13,
#slide-th,
#slide-the,
#slide-thee,
#slide-theee {
  background: white;
}

#portfolio-large-img {
  left: 110px;
}

.portfolio-h4 {
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  margin: 30px 0 30px 0;
}
#portfolio-dark {
  margin-top: -30px;
}
.portfolio-swiper-div {
  margin-top: -100px;
  background-color: white;
}
@media (max-width: 1660px) {
  #portfolio-large-img {
    left: 28px;
  }
}
@media (max-width: 1600px) {
  #portfolio-large-img {
    left: 0;
  }
}

@media (max-width: 1540px) {
  .large-port-img {
    width: 460px;
  }
}
@media (max-width: 1450px) {
  .large-port-img {
    width: 460px;
  }
}
@media (max-width: 991px) {
  #portfolio-header {
    margin-top: 0;
  }
}