@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

.wel {
  font-family: "Jost", "Futura", sans-serif;
  font-weight: 200;
  color: white;
  font-size: 0,8vw;
  background-color: darkgray;
  border-radius: 5px;
  display: flex;
  padding: 10px 5px 5px 10px;
}

.below28 {
  font-family: "Jost", "Futura", sans-serif;
  font-weight: 200;
  color: white;
  font-size: 16px;
  background-color:#cd1719;
  border-radius: 5px;
  display: flex;
  padding: 10px 5px 5px 10px;
}

.o {
  font-family: "Jost", "Futura", sans-serif;
  font-weight: 200;
  color: white;
  font-size: 24px;
  background-color: orangered;
  border-radius: 5px;	
	
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.masonry {
  background-color: black;
  width: 99,5vw;
  height: 225vw;
  padding: 1rem;

  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(33, 1fr);

  row-gap: 1rem;
  column-gap: 1rem;
	
  overflow-y:visible;
  overflow-x: hidden;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  /*pointer-events: none;*/
  transition: 0.7s;
}

.cell:hover img {
	transition: 0.7s;
	-webkit-box-shadow: 0px 0px 20px 10px rgba(115,198,255,0.75); 
	box-shadow: 0px 0px 20px 10px rgba(115,198,255,0.75);
	transform-origin: center;
	transform: scale(1.1);
	z-index: 10 !important;
}


.cell--wel {   
  grid-column: 8 / 10;   
  grid-row: 6/ 8;
  font-family: "Jost", "Futura", sans-serif;
}

.cell--inst {   
  grid-column: 11 / 14;   
  grid-row: 16 / 17;
  font-family: "Jost", "Futura", sans-serif;
}

.cell--o {   
  grid-column: 11 / 12;   
  grid-row: 20/ 21; 
  font-family: "Jost", "Futura", sans-serif;
}

.cell--1 {   
  grid-column: 1 / 4;   
  grid-row: 1 / 6; 
}

.cell--2 {   
  grid-column: 4 / 8;   
  grid-row: 1/ 4; 
}

.cell--3 {   
  grid-column: 4 / 8;   
  grid-row: 4/ 8; 
}

.cell--4 {   
  grid-column: 10 / 13;   
  grid-row: 1/ 4; 
}

.cell--5 {   
  grid-column: 8 / 10;   
  grid-row: 1/ 6; 
}

.cell--6 {   
  grid-column: 13 / 17;   
  grid-row: 6 / 10; 
  /*vertical-align: bottom;*/
}

.cell--7 {   
  grid-column: 10 / 13;   
  grid-row: 4/ 12; 
}

.cell--8 {   
  grid-column: 1 / 4;   
  grid-row: 6/ 10; 
}

.cell--9 {   
  grid-column: 13 / 17;   
  grid-row: 1/ 6; 
}

.cell--10 {   
  grid-column: 1 / 8;   
  grid-row: 14 / 18; 
}

.cell--11 {   
  grid-column: 1 / 4;   
  grid-row: 10/ 14; 
}

.cell--12 {   
  grid-column: 11 / 14;   
  grid-row: 14/ 16; 
}

.cell--13 {   
  grid-column: 14 / 17;   
  grid-row: 14/ 17; 
}

.cell--14 {   
  grid-column: 4 / 10;   
  grid-row: 8/ 14; 
}

.cell--15 {   
  grid-column: 6 / 13;   
  grid-row: 23 / 29; 
}

.cell--16 {   
  grid-column: 12 / 17;   
  grid-row: 20 / 23; 
}

.cell--17 {   
  grid-column: 1 / 3;   
  grid-row: 18/ 21; 
}

.cell--18 {   
  grid-column: 8 / 10;   
  grid-row: 29/ 33; 
}

.cell--above19 {   
  grid-column: 1 / 3;   
  grid-row: 21/ 22; 
}

.cell--19 {   
  grid-column: 13 / 17;   
  grid-row: 23/ 26; 
}

.cell--20 {   
  grid-column: 13 / 17;   
  grid-row: 10 / 14; 
}

.cell--21 {   
  grid-column: 10 / 13;   
  grid-row: 12/ 14; 
}

.cell--22 {   
  grid-column: 8 / 11;   
  grid-row: 14/ 18;
  /*vertical-align: top;*/
}

.cell--23 {   
  grid-column: 11 / 12;   
  grid-row: 21/ 23; 
}

.cell--24 {   
  grid-column: 11 / 17;   
  grid-row: 17 / 20; 
}

.cell--25 {   
  grid-column: 3 / 11;   
  grid-row: 18 / 23; 
}

.cell--26 {   
  grid-column: 14 / 17;   
  grid-row: 29/ 33; 
}

.cell--27 {   
  grid-column: 4 / 8;   
  grid-row: 29/ 33; 
}

.cell--28 {   
  grid-column: 1 / 3;   
  grid-row: 21/ 22; 
}

.cell--below28 {   
  grid-column: 1 / 3;   
  grid-row: 22/ 23; 
}

.cell--29 {   
  grid-column: 13 / 17;   
  grid-row: 26/ 29; 
}

.cell--30 {   
  grid-column: 1 / 4;   
  grid-row: 29/ 33;
}

.cell--31 {   
  grid-column: 1 / 6;   
  grid-row: 23/ 29; 
}

.cell--32 {   
  grid-column: 10 / 14;   
  grid-row: 29/ 33; 
}