.row {
  display : flex;
  justify-content : center;
  }
  .row > .column {
  padding : 6px 8px;
  }
  .row > .column > img {
  max-height : 163px;
  }
  .row:after {
  content : '';
  display : table;
  clear : both;
  }
  .column {
  float : left;
  width : 25%;
  }
  .modal {
  display : none;
  position : fixed;
  z-index : 1;
  padding-top : 100px;
  left : 0;
  top : 0;
  width : 100%;
  height : 100%;
  overflow : auto;
  background-color : rgb(0, 0, 0, 0.8);
  }
  .modal-content {
  position : relative;
  background-color : #fefefe;
  margin : auto;
  padding : 0;
  width : 90%;
  max-width : 1200px;
  max-height : 760px;
  }
  .close {
  color : white;
  position : absolute;
  top : 10px;
  right : 25px;
  font-size : 35px;
  font-weight : bold;
  }
  .close:hover, .close:focus {
  color : #999;
  text-decoration : none;
  cursor : pointer;
  }
  .mySlides {
  display : none;
  max-height : 760px;
  background-color : #2d88c1;
  }
  .mySlides > img {
  max-height : 760px;
  }
  .prev, .next {
  cursor : pointer;
  position : absolute;
  top : 50%;
  width : auto;
  padding : 16px;
  margin-top : -50px;
  color : #2d88c1;
  font-weight : bold;
  font-size : 20px;
  transition : 0.6s ease;
  border-radius : 0 3px 3px 0;
  user-select : none;
  }
  .next {
  right : 0;
  border-radius : 3px 0 0 3px;
  }
  .prev:hover, .next:hover {
  color : white;
  background-color : #2d88c1;
  }
  .numbertext {
  color : black;
  font-size : 12px;
  padding : 8px 12px;
  position : absolute;
  top : 0;
  }
  .caption-container {
  text-align : center;
  background-color : #2d88c1;
  padding : 5px 16px;
  color : white;
  }
  img.demo {
  opacity : 0.6;
  }
  .active, .demo:hover {
  opacity : 1;
  }
  img.hover-shadow {
  transition : 0.3s;
  }
  .hover-shadow:hover {
  box-shadow : 0 4px 8px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.19);
  }