.section-port {
  color: #000;
  background-color: #222;
  min-height: 110vh; 
} .section-port h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    color: #444;
    font-size: 30px;
    font-weight: 400;
} .section-port  h2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 1px;
    background-color: #f39c12;
    left: 50%;
    margin-left: -30px;
} .gallery-link {
   position: relative;
   align-content: center;
   margin: auto;
} .gallery-link > img {
  max-width: 40vh;
  max-height: 40vh;
  position:relative;
  margin : auto;
  margin-top: 20px;
  margin-bottom: 20px;
}.gallery-link > h4 {
   z-index: 100;
   position: absolute;
   top: 10px;
   left: 0;
   width: 100%;
   border-style: none;
}.gallery-link > h4 > span {
   color: white;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.9);
   padding: 10px;
} .gallery-link:hover img {
  opacity: 0.3;
} .modal-content {
height: 95%;
}