body footer {
  font-family: helvetica;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;

  background-color: #ffffff;
  color: #333333;
  margin: 32px auto 32px auto;
  width: auto;
  display: flex;
  flex-direction: row;
}

header {
  font-family: Helvetica;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
}
 
@media (min-width: 661px) {
  img.logo {
    display: inline;
    width: 27%; 
    margin-right: 0px;
    margin-top: 0px !important;   
    margin-left: 230px; 
    float: none;  
  }  
  #moblogo {
    display: none;
  }    
}    

@media (max-width: 660px) {
  img.logo {
    display: flex !important;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
  }  
  #moblogo {
    display: flex;
  } 
}

button {
  font-size: 20px; 
  font-weight: 100;
}

h1 { 
  font-size: 24px;
  font-weight: 400;
  display: flex;
  float: right;
  position: relative;
  margin: auto;
  padding: 32px 0 0 0;
  width: auto;
  justify-content: flex-start;
  text-align: center;
}

h2 {
  font-family: Helvetica;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  margin: 0 0 16px 0;
  font-style: normal;
}

h3 {
  font-family: Helvetica;
  font-weight: 200;
  font-size: 13px;
  line-height: 1;
  margin: 0 0 8px 0;
}

h4 {
  font-family: Helvetica;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px 0;
  color: rgba(0, 0, 0); 
}

h5 {
  font-family: helvetica;
  font-weight: 300, normal;
  font-size: 16px;
  line-height: 1;
  margin: 0 0 8px 0;
  font-style: italic;
}

h5s {
  font-family: helvetica;
  font-weight: 300, normal;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px 0;
  font-style: italic;
}

h52 {
  font-family: helvetica;
  font-weight: 200;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 8px 0;
} 

span.sub {
  font-weight: 400 !important ;
  font-size: 16px !important; 
}

span.bold {
  font-style: italic !important ;
  font-weight: 400 !important ; 
 } 

 span.italics {
   font-style: italic !important;
 }

h6 {
  font-family: helvetica;
  font-weight: 300, normal;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0;
  font-style: italic;
}

h7 {
  font-family: helvetica;
  font-weight: 200;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0;
}

.see {
  color:  rgb(99, 207, 221);
}
 
  h8 {
  font-family: helvetica;
  font-weight:  300;
  font-size: 15px;
  line-height: 1;
  margin: 0 0 8px 0;
}

h9 {
  font-family: Helvetica;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 0 8px 0;
}

@media (max-width: 661px) {
h5 {
  font-size: 16px !important;
  font-weight: 400 !important;
}
h6 {
  font-size: 18px !important;
}
h7 {
  font-size: 18px !important;
} 
h3 {
  font-size: 13px !important;
}  
} 


span.caption {
  font-weight: 200;
  font-size: 13px;
  font-style: normal;
}
/* Navbar container */
.navbar {
  overflow: hidden;
  font-family: inherit;
  display:  inline;
} 

nav {
  margin-top: 30px;   
  margin-right: 230px;
  margin-left: auto
}  
 
div.navright {
  float: right; 
}


/* Links inside the navbar */
.navbar a {
  float: right;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-weight:  100; 
  display: flex;
  flex-direction: row;
  width: auto;
  height: auto;
  align-items: center; 
} 

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown {
  font-size: 20px;
  font-weight: 100;
  line-height: 1;
}

/* Dropdown button */
.dropdown .dropbtn {
  border: none;
  outline: none;
  color: black;
  padding: 14px;
  background-color: white;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}


.navbar a:hover,
.dropdown-content a:hover,
.dropbtn:hover {
  background-color: rgba(99, 207, 221, 0.15);
}

.dropdown-content {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

a {
  color: black;
  text-decoration: none;
}

@media (max-width: 660px) {
  nav {
    display: none;
  }
}

@media (min-width: 661px) {
  .navbar2 {
    display: none;
  }
}

/* Navbar container */
.navbar2 {
  overflow: hidden;
  font-family: inherit;
  width: auto;
}

/* Links inside the navbar */
.navbar2 a {
  text-align: left;
  text-decoration: none;
  font-size: 20px;
  font-weight: 100;
  display: flex;
  flex-direction: row; 
  align-items: flex-start;
  width: auto;
  height: auto; 
  position: absolute;
}  

/* The dropdown container */
.navbar2,
dropdown-content2 {
  overflow: hidden;
  width: 100%;
}

.navbar2,
dropdown-content2 {
  font-size: 20px;
  font-weight: 100;
  line-height: 1;
}

/* Dropdown button */
.navbar2 .dropbtn2 {
  border: none;
  outline: none;
  color: black;
  font-size: 40px;
  padding: 20px;
  background-color: white;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  display: flex;
}

.navbar2 a:hover,
.dropdown-content2 a:hover,
.dropbtn2:hover {
  background-color: rgba(99, 207, 221, 0.15); 
  width: 100%;
}

.dropdown-content2 {
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
}

/* Dropdown content (hidden by default) */
.dropdown-content2 {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content2 a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

a.info {
  position: absolute;
  top: 120px;
}

a.work {
  position: absolute;
  top: 165px;
}

a.link1 {
  position: absolute;
  top: 210px;
}

a.link2 {
  position: absolute;
  top: 255px;
}

a.link3 {
  position: absolute;
  top: 300px;
}

a.link4 {
  position: absolute;
  top: 345px;
}

a.link5 {
  position: absolute;
  top: 390px;
}

a.link6 {
  position: absolute;
  top: 435px;
}

a.link7 {
  position: absolute;
  top: 480px;
}

a.link8 {
  position: absolute;
  top: 525px;
}

a.close {
  position: absolute;
  top: 60px;
  left: 4.5px;
  font-size: 39px;
  font-weight: 320;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content2 {
  display: block;
}

section {
  margin: 25px 0 25px 0;
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 20px;
}

section.bed {
margin: 0px 0 25px 0;
display: grid; 
grid-template-columns: repeat(18, 1fr) !important;
grid-template-rows: auto;
row-gap: 0px;
column-gap: 0px;
}


section.info {
margin: 0px 0 25px 0;
display: grid; 
grid-template-columns: repeat(18, 1fr) !important;
grid-template-rows: auto;
row-gap: 0px;
column-gap: 0px;
}

section.one div.bq {
  grid-column: 7 / span 6;
  display: flex;
}

section.one div.tk {
  grid-column: 2 / span 4;
  grid-row: 1;
  display: flex;
  position: relative;
  margin-top: 50px;
}

section.one div.pps {
  grid-column: 7 / span 6;
  grid-row: 2;
  display: flex;
  position: relative;
  margin-top: -150px;
}

section.one div.ff {
  grid-column: 4 / span 8;
  grid-row: 3;
  display: flex;
  position: relative;
  margin-top: -240px;
}

Footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

footer a {
  margin: 0 32px 0 32px;
  justify-content: center;
  text-justify: center;
}

section.bed div.bqtxt {
  grid-column: 9 / span 4;
  grid-row: 1;
}

section.bed div.bqtxtport {
  grid-column: 6 / span 4;
  grid-row: 1;
}

section.bed div.txtfour {
  grid-column: 9 / span 4;
  grid-row: 4;
}

section.bed div.first {
  grid-column: 2 / span 7;
  grid-row: 1;
}

section.bed div.firstport {
  grid-column: 2 / span 4;
  grid-row: 1;
}

section.bed div.second {
  grid-column: 2 / span 7;
  grid-row: 2;
}

section.bed div.secondport {
  grid-column: 2 / span 4;
  grid-row: 2;
}

section.bed div.third {
  grid-column: 2 / span 7;
  grid-row: 3;
}

section.bed div.thirdport {
  grid-column: 2 / span 4;
  grid-row: 3;
}

section.bed div.fourth {
  grid-column: 2 / span 7;
  grid-row: 4;
}

section.bed div.fourthport {
  grid-column: 2 / span 4;
  grid-row: 4;
}

section.bed div.fifth {
  grid-column: 2 / span 7;
  grid-row: 5;
}

section.bed div.sixth {
  grid-column: 2 / span 7;
  grid-row: 6;
}

section.bed div.lue {
  grid-column: 4 / span 4;
  grid-row: 1;
} 

section.bed div.infotxt1 {
  grid-column: 9 / span 8;
  grid-row: 1; 
}


section.bed div.rivaltxt {
  display: none;
}

@media (max-width: 1248px) {
  h1,
  nav,
  .dropbtn,
  footer,
  .navbar a {
    font-size: 16px;
  }
}

@media (max-width: 920px) {
  nav {
    margin: 20px, 0, 0, 0;
  }

  header a {
    margin: 0, 16px, 0, 16px;
  }
}

@media (max-width: 660px) {
  section.bed {
    display: grid;
    grid-template-columns: 20;
    grid-template-rows: repeat(5, 0.5fr);
    gap: 0px;
    margin: 0, 0, 0, 0;
  }

  section.bed img {
    padding: 10px;
  }

  section.bed div.bqtxt {
    grid-column: 1 / span 17;
    grid-row: 1;
    padding: 10px;
  }

  section.bed div.bqtxtport {
    grid-column: 1 / span 17;
    grid-row: 1;
    padding: 10px;
  }

  section.bed div.first {
    grid-column: 1 / span 19;
    grid-row: 2;
  }

  section.bed div.firstport {
    grid-column: 1 / span 19;
    grid-row: 2;
  }

  section.bed div.second {
    grid-column: 1 / span 19;
    grid-row: 3;
  }

  section.bed div.secondport {
    grid-column: 1 / span 19;
    grid-row: 3;
  }

  section.bed div.third {
    grid-column: 1 / span 19;
    grid-row: 4;
  }

  section.bed div.thirdport {
    grid-column: 1 / span 19;
    grid-row: 4;
  }

  section.bed div.fourth {
    grid-column: 1 / span 19;
    grid-row: 5;
  }

  section.bed div.fourthport {
    grid-column: 1 / span 19;
    grid-row: 5;
  }

  section.bed div.fifth {
    grid-column: 1 / span 19;
    grid-row: 6;
  }

  section.bed div.sixth {
    grid-column: 1 / span 19;
    grid-row: 7;
  }

  section.bed div.rivaltxt {
    display: inline;
    grid-column: 1 / span 17;
    grid-row: 1;
    padding: 10px;
  }

  section.bed #rivalweb {
    display: none;
  }

  section.bed div.txtfour {
    display: none;
  }

  h1 {
    font-size: 20px;
    font-weight: 500;
  }

  h2 {
    font-size: 16px;
    font-weight: 400;
  }

  h3 {
    font-size: 14px;
  }

  section.bed div.infotxt1 {
    display: inline;
    grid-column: 1 / span 17;
    grid-row: 1;
    padding: 10px;
  }

  section.bed div.lue {
    display: none;
  }

  section.one div.ff {
    grid-column: 3 / span 9;
    display: flex;
    grid-row: 3;
    margin-top: 0px;
  }

  section.one div.tk {
    grid-column: 1 / span 8;
    grid-row: 2;
    display: flex;
    position: relative;
    margin-top: -10px;
    margin-left: 25px;
  }

  section.one div.pps {
    grid-column: 5 / span 9;
    grid-row: 1;
    display: flex;
    position: relative;
    margin-top: 170px;
    margin-right: 15px;
  }

  section.one div.bq {
    grid-column: 1 / span 9;
    grid-row: 1;
    display: flex;
    position: relative;
    margin-top: 0px;
    padding-left: 15px;
  }
}

a {
  text-decoration: none;
}

.work a {
  cursor: zoom-in;
  transition: filter 0.2s ease-in-out;
}

.work a:hover {
  filter: brightness(90%);
}

.lightbox {
  background: rgba(255, 255, 255);
  display: none;
  position: fixed;
  z-index: 1000;
}

.lightbox:target {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
}

.lightbox img {
  display: block;
  margin: auto;
  max-width: 90vw;
  max-height: 90vh;
}

.lightbox .close {
  color: rgba(0, 0, 0, 0.5);
  font-size: 4em;
  font-weight:  normal;
  height: 1em;
  position: fixed;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 1001;
}

.lightbox p {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

.A a {
  cursor: zoom-in;
  transition: filter 0.2s ease-in-out;
}

.A a:hover {
  filter: brightness(90%);
}

section.work {
  margin: 25px 0 25px 0;
  display: grid;
  grid-template-columns: repeat(16, 1fr) !important;
  grid-template-rows: repeat(4, 1fr) !important;
  row-gap: 100px;
  column-gap: 0px;
}

section.work img {
  padding-bottom: 1em;
}

section.work div.one {
  grid-column: 4 / span 10;
  grid-row: 1;
  position: relative;
}

section.work div.two {
  grid-column: 4 / span 10;
  grid-row: 2;
  position: relative;
}

section.work div.three {
  grid-column: 4 / span 10;
  grid-row: 3;
  position: relative;
}
section.work div.four {
  grid-column: 4 / span 10;
  grid-row: 4;
  position: relative;
}
section.work div.five {
  grid-column: 4 / span 10;
  grid-row: 5;
  position: relative;
}
section.work div.six {
  grid-column: 4 / span 10;
  grid-row: 6;
  position: relative;
}
section.work div.seven {
  grid-column: 4 / span 10;
  grid-row: 7;
  position: relative;
}

section.work div.eight {
  grid-column: 4 / span 10;
  grid-row: 8;
  position: relative;
}

section.work div.nine {
  grid-column: 4 / span 10;
  grid-row: 9;
  position: relative;
}

section.work div.ten {
  grid-column: 4 / span 10;
  grid-row: 10;
  position: relative;
}

section.work div.eleven {
  grid-column: 4 / span 10;
  grid-row: 11;
  position: relative;
}

section.work div.twelve {
  grid-column: 4 / span 10;
  grid-row: 12;
  position: relative;
}

section.work div.thirteen {
  grid-column: 4 / span 10;
  grid-row: 13;
  position:  relative;
}


section.work div.port1 {
  grid-column: 4 / span 6;
  grid-row: 1;
  padding-top: 10px;
  position: relative;
}

section.work div.port2 {
  grid-column: 4 / span 6;
  grid-row: 2;
  padding-top: 10px;
  position: relative;
}

section.work div.port3 {
  grid-column: 4 / span 6;
  grid-row: 3;
  padding-top: 10px;
  position: relative;
}

section.work div.port4 {
  grid-column: 4 / span 6;
  grid-row: 4;
  padding-top: 10px;
  position: relative;
}

section.work div.port5 {
  grid-column: 4 / span 6;
  grid-row: 5;
  padding-top: 10px;
  position: relative;
}

section.work div.port6 {
  grid-column: 4 / span 6;
  grid-row: 6;
  padding-top: 10px;
  position: relative;
}

section.work div.port7 {
  grid-column: 4 / span 6;
  grid-row: 7;
  padding-top: 10px;
  position: relative;
}

section.work div.port8 {
  grid-column: 4 / span 6;
  grid-row: 8;
  padding-top: 10px;
  position: relative;
}

section.work div.port9 {
  grid-column: 4 / span 6;
  grid-row: 9;
  padding-top: 10px;
  position: relative;
}

section.work div.port10 {
  grid-column: 4 / span 6;
  grid-row: 10;
  padding-top: 10px;
  position: relative;
}

section.work div.port11 {
  grid-column: 4 / span 6;
  grid-row: 11;
  padding-top: 10px;
  position: relative;
}

section.work div.port12 {
  grid-column: 4 / span 6;
  grid-row: 12;
  padding-top: 10px;
  position: relative;
}

section.work div.txtport1 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 1;
  padding: 10px;
}

section.work div.txtport2 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 2;
  padding: 10px;
}

section.work div.txtport3 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 3;
  padding: 10px;
}

section.work div.txtport4 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 4;
  padding: 10px;
}

section.work div.txtport5 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 5;
  padding: 10px;
}

section.work div.txtport6 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 6;
  padding: 10px;
}

section.work div.txtport7 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 7;
  padding: 10px;
}

section.work div.txtport8 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 8;
  padding: 10px;
}

section.work div.txtport9 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 9;
  padding: 10px;
}

section.work div.txtport10 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 10;
  padding: 10px;
}

section.work div.txtport11 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 11;
  padding: 10px;
}

section.work div.txtport12 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 12;
  padding: 10px;
}

@media (max-width: 660px) {
  section.work {
    display: grid;
    grid-template-columns: 16;
    grid-template-rows: repeat(5, 0.5fr);
    row-gap: 20px;
    margin: 10px;
  }

  section.work img {
    padding-bottom: 10px;
  }

  section.work div.one {
    grid-column: 1 / span 16;
    grid-row: 1;
    position: relative;
  }

  section.work div.two {
    grid-column: 1 / span 16;
    grid-row: 2;
    position: relative;
  }

  section.work div.three {
    grid-column: 1 / span 16;
    grid-row: 3;
    position: relative;
  }

  section.work div.four {
    grid-column: 1 / span 16;
    grid-row: 4;
    position: relative;
  }

  section.work div.five {
    grid-column: 1 / span 16;
    grid-row: 5;
    position: relative;
  }

  section.work div.six {
    grid-column: 1 / span 16;
    grid-row: 6;
    position: relative;
  }

  section.work div.seven {
    grid-column: 1 / span 16;
    grid-row: 7;
    position: relative;
  }

  section.work div.eight {
    grid-column: 1 / span 16;
    grid-row: 8;
    position: relative;
  }

  section.work div.nine {
    grid-column: 1 / span 16;
    grid-row: 9;
    position: relative;
  }

  section.work div.ten {
    grid-column: 1 / span 16;
    grid-row: 10;
    position: relative;
  }

  section.work div.eleven {
    grid-column: 1 / span 16;
    grid-row: 11;
    position: relative;
  }

  section.work div.twelve {
    grid-column: 1 / span 16;
    grid-row: 12;
    position: relative;
  }

  section.work div.thirteen {
    grid-column: 1 / span 16;
    grid-row: 13;
    position: relative;
  }

  section.work div.port1 {
    grid-column: 1 / span 16;
    grid-row: 1;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port2 {
    grid-column: 1 / span 16;
    grid-row: 2;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port3 {
    grid-column: 1 / span 16;
    grid-row: 3;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port4 {
    grid-column: 1 / span 16;
    grid-row: 4;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port5 {
    grid-column: 1 / span 16;
    grid-row: 5;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port6 {
    grid-column: 1 / span 16;
    grid-row: 6;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port7 {
    grid-column: 1 / span 16;
    grid-row: 7;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port8 {
    grid-column: 1 / span 16;
    grid-row: 8;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port9 {
    grid-column: 1 / span 16;
    grid-row: 9;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port10 {
    grid-column: 1 / span 16;
    grid-row: 10;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port11 {
    grid-column: 1 / span 16;
    grid-row: 11;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.work div.port12 {
    grid-column: 1 / span 16;
    grid-row: 12;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }
}

@media (min-width: 660px) {
  section#king {
grid-template-columns: repeat(31, 1fr) !important;
}
}



section.exhibit {
margin: 0px 0 25px 0;
display: grid; 
grid-template-columns: repeat(18, 1fr) !important;
grid-template-rows: auto;
row-gap: 100px;
column-gap: 0px;
}

@media (min-width: 660px) {
section.exhibit #portcentre {
  grid-column: 11 / span 11 !important;
} }

section#haus {
  row-gap: 10px !important; 
}

section.exhibit img {
padding-bottom: 1em;
}

section.exhibit #eport {
  padding-top: 80px;
}

section.exhibit div.one {
grid-column: 4 / span 12;
grid-row: 1;
position: relative;
}

section.exhibit div.two {
grid-column: 4 / span 12;
grid-row: 2;
position: relative;
}

section.exhibit div.three {
grid-column: 4 / span 12;
grid-row: 3;
position: relative;
}

section.exhibit div.four {
grid-column: 4 / span 12;
grid-row: 4;
position: relative;
}

section.exhibit div.five {
grid-column: 4 / span 12;
grid-row: 5;
position: relative;
}

section.exhibit div.six {
grid-column: 4 / span 12;
grid-row: 6;
position: relative;
}

section.exhibit div.seven {
grid-column: 4 / span 12;
grid-row: 7;
position: relative;
}

section.exhibit div.eight {
grid-column: 4 / span 12;
grid-row: 8; 
position: relative;
}

section.exhibit div.nine {
grid-column: 4 / span 12;
grid-row: 9;
position: relative;
}

section.exhibit div.ten {
grid-column: 4 / span 12;
grid-row: 10;
position: relative;
}

section.exhibit div.eleven {
grid-column: 4 / span 12;
grid-row: 11;
position: relative;
}

section.exhibit div.twelve {
grid-column: 4 / span 12;
grid-row: 12;
position: relative;
}

section.exhibit div.thirteen {
grid-column: 4 / span 12;
grid-row: 13;
position: relative;
}

section.exhibit div.fourteen {
grid-column: 4 / span 12;
grid-row: 14;
position: relative;
}

section.exhibit div.port1 {
grid-column: 4 / span 8;
grid-row: 1;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport1 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 1;
  padding-top: 20px; 
}

section.exhibit div.port2 {
grid-column: 4 / span 8;
grid-row: 2;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport2 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 2;
  padding-top: 20px; 
}

section.exhibit div.port3 {
grid-column: 4 / span 8; 
grid-row: 3;
padding-right: 110px;
position: relative;
}

section.exhibit div.txtport3 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 3;
  padding-top: 20px; 
}

section.exhibit div.port4 {
grid-column: 4 / span 8;
grid-row: 4;
padding-right: 110px; 
position: relative;    
}  

section.exhibit div.txtport4 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 4;
  padding-top: 20px; 
}

section.exhibit div.port5 {
grid-column: 4 / span 8;
grid-row: 5;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport5 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 5;
  padding-top: 20px;
}

section.exhibit div.port6 {
grid-column: 4 / span 8;
grid-row: 6;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport6 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 6;
  padding-top: 20px; 
}

section.exhibit div.port7 {
grid-column: 4 / span 8;
grid-row: 7;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport7 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 7;
  padding-top: 20px; 
}

section.exhibit div.port8 {
grid-column: 4 / span 8;
grid-row: 8;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport8 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 8;
  padding-top: 20px; 
}

section.exhibit div.port9 {
grid-column: 4 / span 8;
grid-row: 9;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport9 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 9;
  padding-top: 20px; 
}

section.exhibit div.port10 {
grid-column: 4 / span 8;
grid-row: 10;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport10 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 10;
  padding-top: 20px; 
}

section.exhibit div.port11 {
grid-column: 4 / span 8;
grid-row: 11;
padding-right: 110px; 
position: relative;
}

section.exhibit div.txtport11 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 11;
  padding-top: 20px; 
}

section.exhibit div.port12 {
grid-column: 4 / span 8;
grid-row: 12;
padding-right: 110px; 
position: relative;
} 

section.exhibit div.txtport12 {
  display: inline;
  grid-column: 11 / span 5;
  grid-row: 12;
  padding-top: 20px; 
} 

@media (max-width: 660px) {
  section.exhibit {
    display: grid;
    grid-template-columns: 18 !important;
    grid-template-rows: auto;
    row-gap: 10px; 
    margin: 20px; 
  }  
  
 section.exhibit img {
  padding-bottom: 10px;
 }

 section.exhibit #eport {
  padding-top: 0px;
} 
 
  section.exhibit div.one {
    grid-column: 1 / span 18;
    grid-row: 1;
    position: relative;
 }

 section.exhibit div.two {
    grid-column: 1 / span 18;
    grid-row: 2;
    position: relative;
 }

 section.exhibit div.three {
    grid-column: 1 / span 18;
    grid-row: 3;
    position: relative;
 }

 section.exhibit div.four {
    grid-column: 1 / span 18;
    grid-row: 4;
    position: relative;
 }

 section.exhibit div.five {
    grid-column: 1 / span 18;
    grid-row: 5;
    position: relative;
 }

 section.exhibit div.six {
    grid-column: 1 / span 18;
    grid-row: 6;
    position: relative;
 }

 section.exhibit div.seven {
    grid-column: 1 / span 18;
    grid-row: 7;
    position: relative;
 }

 section.exhibit div.eight {
    grid-column: 1 / span 18;
    grid-row: 8;
    position: relative;
 }

 section.exhibit div.nine {
    grid-column: 1 / span 18;
    grid-row: 9;
    position: relative;
 }

 section.exhibit div.ten {
    grid-column: 1 / span 18;
    grid-row: 10;
    position: relative;
 }

 section.exhibit div.eleven {
    grid-column: 1 / span 18;
    grid-row: 11;
    position: relative;
 }

 section.exhibit div.twelve {
    grid-column: 1 / span 18;
    grid-row: 12;
    position: relative;
 }

 section.exhibit div.thirteen {
    grid-column: 1 / span 18;
    grid-row: 13;
    position: relative;
 }

 section.exhibit div.port1 {
    grid-column: 1 / span 16;
    grid-row: 1;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port2 {
    grid-column: 1 / span 18;
    grid-row: 2;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port3 {
    grid-column: 1 / span 18;
    grid-row: 3;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

 section.exhibit div.port4 {
    grid-column: 1 / span 18;
    grid-row: 4;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port5 {
    grid-column: 1 / span 18;
    grid-row: 5;
    position: relative;
 }

 section.exhibit div.port6 {
    grid-column: 1 / span 18;
    grid-row: 6;
    position: relative;
 }

 section.exhibit div.port7 {
    grid-column: 1 / span 18;
    grid-row: 7;
    position: relative;
 }

 section.exhibit div.port8 {
    grid-column: 1 / span 18;
    grid-row: 8;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port9 {
    grid-column: 1 / span 16;
    grid-row: 9;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port10 {
    grid-column: 1 / span 18;
    grid-row: 10;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }

 section.exhibit div.port11 {
    grid-column: 1 / span 18;
    grid-row: 11;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

 section.exhibit div.port12 {
    grid-column: 1 / span 18;
    grid-row: 12;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
 }
  
} 


section.Exhibit2 {
display: grid;
margin: 25px 0 25px 0;
grid-template-columns: repeat(20, 1fr) !important;
grid-template-rows: auto;
row-gap: 15px;
column-gap: 0px;
}

section.Exhibit2 div.txtone {
display: inline;
grid-column: 13 / span 5;
grid-row: 1;
padding: 10px;
}

section.C div.txtone {
display: inline;
grid-column: 13 / span 5;
grid-row: 1;
padding: 10px;
}

section.Exhibit2 div.txttwo {
display: inline;
grid-column: 13 / span 5;
grid-row: 2;
padding: 10px;
}

section.Exhibit2 div.txtthree {
display: inline;
grid-column: 13 / span 5;
grid-row: 3;
padding: 10px;
}

section.Exhibit2 div.txtfour {
display: inline;
grid-column: 13 / span 5;
grid-row: 4;
padding: 10px;
}

section.Exhibit2 div.txtfive {
display: inline;
grid-column: 13 / span 5;
grid-row: 5;
padding: 10px;
}

section.Exhibit2 div.txtsix {
display: inline;
grid-column: 13 / span 5;
grid-row: 6;
padding: 10px;
}

section.Exhibit2 div.txtseven {
display: inline;
grid-column: 13 / span 5;
grid-row: 7;
padding: 10px;
}

section.Exhibit2 div.txteight {
display: inline;
grid-column: 13 / span 5;
grid-row: 8;
padding: 10px;
}

section.Exhibit2 div.txtnine {
display: inline;
grid-column: 13 / span 5;
grid-row: 9;
padding: 10px;
}

section.Exhibit2 div.txtten {
display: inline;
grid-column: 13 / span 5;
grid-row: 10;
padding: 10px;
}

section.Exhibit2 div.txteleven {
display: inline;
grid-column: 13 / span 5;
grid-row: 11;
padding: 10px;
}

section.Exhibit2 div.txttwelve {
display: inline;
grid-column: 13 / span 5;
grid-row: 12;
padding: 10px;
}

section.Exhibit2 div.txtthirteen {
display: inline;
grid-column: 13 / span 5;
grid-row: 13;
padding: 10px;
}

section.Exhibit2 div.txtport1 {
display: inline;
grid-column: 10 / span 5;
grid-row: 1;
padding: 10px;
}

section.Exhibit2 div.txtport2 {
display: inline;
grid-column: 10 / span 5;
grid-row: 2;
padding: 10px;
}

section.Exhibit2 div.txtport3 {
display: inline;
grid-column: 10 / span 5;
grid-row: 3;
padding: 10px;
}

section.Exhibit2 div.txtport4 {
display: inline;
grid-column: 10 / span 5;
grid-row: 4;
padding: 10px;
}

section.Exhibit2 div.txtport5 {
display: inline;
grid-column: 10 / span 5;
grid-row: 5;
padding: 10px;
}

section.Exhibit2 div.txtport6 {
display: inline;
grid-column: 10 / span 5;
grid-row: 6;
padding: 10px;
}

section.Exhibit2 div.txtport7 {
display: inline;
grid-column: 10 / span 5;
grid-row: 7;
padding: 10px;
}

section.Exhibit2 div.txtport8 {
display: inline;
grid-column: 10 / span 5;
grid-row: 8;
padding: 10px;
}

section.Exhibit2 div.txtport9 {
display: inline;
grid-column: 10 / span 5;
grid-row: 9;
padding: 10px;
}

section.Exhibit2 div.txtport10 {
display: inline;
grid-column: 10 / span 5;
grid-row: 10;
padding: 10px;
}

section.Exhibit2 div.txtport11 {
display: inline;
grid-column: 10 / span 5;
grid-row: 11;
padding: 10px;
}

section.Exhibit2 div.txtport12 {
display: inline;
grid-column: 10 / span 5;
grid-row: 12;
padding: 10px;
}

section.C div.one {
grid-column: 4 / span 9;
grid-row: 1;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.one {
grid-column: 4 / span 9;
grid-row: 1;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.two {
grid-column: 4 / span 9;
grid-row: 2;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.three {
grid-column: 4 / span 9;
grid-row: 3;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.four {
grid-column: 4 / span 9;
grid-row: 4;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.five {
grid-column: 4 / span 9;
grid-row: 5;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.six {
grid-column: 4 / span 9;
grid-row: 6;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.seven {
grid-column: 4 / span 9;
grid-row: 7;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.eight {
grid-column: 4 / span 9;
grid-row: 8;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.nine {
grid-column: 4 / span 9;
grid-row: 9;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.ten {
grid-column: 4 / span 9;
grid-row: 10;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.eleven {
grid-column: 4 / span 9;
grid-row: 11;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.twelve {
grid-column: 4 / span 9;
grid-row: 12;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.thirteen {
grid-column: 4 / span 9;
grid-row: 13;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.fourteen {
grid-column: 4 / span 9;
grid-row: 14;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.fifteen {
grid-column: 4 / span 9;
grid-row: 15;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.sixteen {
grid-column: 4 / span 9;
grid-row: 16;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.seventeen {
grid-column: 4 / span 9;
grid-row: 17;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.eighteen {
grid-column: 4 / span 9;
grid-row: 18;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port1 {
grid-column: 4 / span 6;
grid-row: 1;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port2 {
grid-column: 4 / span 6;
grid-row: 2;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port3 {
grid-column: 4 / span 6;
grid-row: 3;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port4 {
grid-column: 4 / span 6;
grid-row: 4;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port5 {
grid-column: 4 / span 6;
grid-row: 5;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port6 {
grid-column: 4 / span 6;
grid-row: 6;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port7 {
grid-column: 4 / span 6;
grid-row: 7;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port8 {
grid-column: 4 / span 6;
grid-row: 8;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port9 {
grid-column: 4 / span 6;
grid-row: 9;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port10 {
grid-column: 4 / span 6;
grid-row: 10;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port11 {
grid-column: 4 / span 6;
grid-row: 11;
padding-top: 10px;
position: relative;
}

section.Exhibit2 div.port12 {
grid-column: 4 / span 6;
grid-row: 12;
padding-top: 10px;
position: relative;
}

section.exhibit3 {
margin: 25px 0 25px 0;
display: grid;
grid-template-columns: repeat(16, 1fr) !important;
grid-template-rows: 3;
row-gap: 100px;
column-gap: 0px;
}
 
@media (min-width: 660px) {
section.exhibit3 #portcentre {
  grid-column: 11 / span 11 !important;
} }


section.exhibit3 img {
padding-bottom: 1em;
}

section.exhibit3 #eport {
  padding-top: 80px;
} 

section.exhibit3 div.one {
grid-column: 4 / span 10;
grid-row: 1;
position: relative;
}

section.exhibit3 div.two {
grid-column: 4 / span 10;
grid-row: 2;
position: relative;
}

section.exhibit3 div.three {
grid-column: 4 / span 10;
grid-row: 3;
position: relative;
}

section.gap {
  height: 10px;
  width: auto;
} 

section.A {
  display: grid;
  margin: 25px, 0, 25px, 0;
  padding: 0, 0, 20px, 0;
  padding-left: 25px;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: repeat(3, 1fr);
  row-gap: 15px;
}
 
section.B {
  height: 50px;
  width: auto;
}

section.C {
  display: grid;
  margin: 25px, 0, 25px, 0;
  padding: 0, 0, 20px, 0;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: 1fr;
}

Section.D {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: 1fr 1fr;
}

section.E {
 display: grid;
 margin: 25px, 0, 25px, 0;
 grid-template-columns: repeat(18, 1fr);
 grid-template-rows: 1fr;
 height: auto;
 }

section.E div.title {
 display: inline;
 grid-row: 1;
 grid-column: 4 / span 12;
 padding: 0px; 
}
 
section.F {
 display: grid;
 margin: 25px, 0, 25px, 0;
 padding-left: 25px;
 grid-template-columns: repeat(20, 1fr);
 grid-template-rows: 1fr;
 height: auto;
 }

section.F div.title {
 display: inline;
 grid-row: 1;
 grid-column: 4 / span 10;
 padding: 0px;
} 

@media (max-width: 660px) {
  section.E {
    display: grid;
    margin: 20px;
    grid-template-columns: 16;
    grid-template-rows: 1fr; 
    height: auto;
  } 
 
  section.E div.title {
  display: inline;
  grid-row: 1;
  grid-column: 1 / span 17;
  } 
 
  section F {
    display: grid;
    margin: 20px;
    grid-template-columns: 16;
    grid-template-rows: 1fr; 
    height: auto;
  }

  section.F div.title {
    display: inline;
    grid-row: 1;
    grid-column: 1 / span 14;
  }
} 
 
section.A div.txtone {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 1;
  padding: 10px;
}

section.C div.txtone {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 1;
  padding: 10px;
}

section.A div.txttwo {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 2;
  padding: 10px;
}

section.A div.txtthree {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 3;
  padding: 10px;
}

section.A div.txtfour {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 4;
  padding: 10px;
}

section.A div.txtfive {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 5;
  padding: 10px;
}

section.A div.txtsix {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 6;
  padding: 10px;
}

section.A div.txtseven {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 7;
  padding: 10px;
}

section.A div.txteight {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 8;
  padding: 10px;
}

section.A div.txtnine {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 9;
  padding: 10px;
}

section.A div.txtten {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 10;
  padding: 10px;
}

section.A div.txteleven {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 11;
  padding: 10px;
}

section.A div.txttwelve {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 12;
  padding: 10px;
}

section.A div.txtthirteen {
  display: inline;
  grid-column: 13 / span 5;
  grid-row: 13;
  padding: 10px;
}

section.A div.txtport1 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 1;
  padding: 10px;
}

section.A div.txtport2 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 2;
  padding: 10px;
}

section.A div.txtport3 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 3;
  padding: 10px;
}

section.A div.txtport4 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 4;
  padding: 10px;
}

section.A div.txtport5 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 5;
  padding: 10px;
}

section.A div.txtport6 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 6;
  padding: 10px;
}

section.A div.txtport7 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 7;
  padding: 10px;
}

section.A div.txtport8 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 8;
  padding: 10px;
}

section.A div.txtport9 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 9;
  padding: 10px;
}

section.A div.txtport10 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 10;
  padding: 10px;
}

section.A div.txtport11 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 11;
  padding: 10px;
}

section.A div.txtport12 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 12;
  padding: 10px;
}

section.C div.one {
  grid-column: 4 / span 9;
  grid-row: 1;
  padding-top: 10px;
  position: relative;
}

section.A div.one {
  grid-column: 4 / span 9;
  grid-row: 1;
  padding-top: 10px;
  position: relative;
}

section.A div.two {
  grid-column: 4 / span 9;
  grid-row: 2;
  padding-top: 10px;
  position: relative;
}

section.A div.three {
  grid-column: 4 / span 9;
  grid-row: 3;
  padding-top: 10px;
  position: relative;
}

section.A div.four {
  grid-column: 4 / span 9;
  grid-row: 4;
  padding-top: 10px;
  position: relative;
}

section.A div.five {
  grid-column: 4 / span 9;
  grid-row: 5;
  padding-top: 10px;
  position: relative;
}

section.A div.six {
  grid-column: 4 / span 9;
  grid-row: 6;
  padding-top: 10px;
  position: relative;
}

section.A div.seven {
  grid-column: 4 / span 9;
  grid-row: 7;
  padding-top: 10px;
  position: relative;
}

section.A div.eight {
  grid-column: 4 / span 9;
  grid-row: 8;
  padding-top: 10px;
  position: relative;
}

section.A div.nine {
  grid-column: 4 / span 9;
  grid-row: 9;
  padding-top: 10px;
  position: relative;
}

section.A div.ten {
  grid-column: 4 / span 9;
  grid-row: 10;
  padding-top: 10px;
  position: relative;
}

section.A div.eleven {
  grid-column: 4 / span 9;
  grid-row: 11;
  padding-top: 10px;
  position: relative;
}

section.A div.twelve {
  grid-column: 4 / span 9;
  grid-row: 12;
  padding-top: 10px;
  position: relative;
}

section.A div.thirteen {
  grid-column: 4 / span 9;
  grid-row: 13;
  padding-top: 10px;
  position: relative;
}

section.A div.fourteen {
  grid-column: 4 / span 9;
  grid-row: 14;
  padding-top: 10px;
  position: relative;
}

section.A div.fifteen {
  grid-column: 4 / span 9;
  grid-row: 15;
  padding-top: 10px;
  position: relative;
}

section.A div.sixteen {
  grid-column: 4 / span 9;
  grid-row: 16;
  padding-top: 10px;
  position: relative;
}

section.A div.seventeen {
  grid-column: 4 / span 9;
  grid-row: 17;
  padding-top: 10px;
  position: relative;
}

section.A div.eighteen {
  grid-column: 4 / span 9;
  grid-row: 18;
  padding-top: 10px;
  position: relative;
}

section.A div.port1 {
  grid-column: 4 / span 6;
  grid-row: 1;
  padding-top: 10px;
  position: relative;
}

section.A div.port2 {
  grid-column: 4 / span 6;
  grid-row: 2;
  padding-top: 10px;
  position: relative;
}

section.A div.port3 {
  grid-column: 4 / span 6;
  grid-row: 3;
  padding-top: 10px;
  position: relative;
}

section.A div.port4 {
  grid-column: 4 / span 6;
  grid-row: 4;
  padding-top: 10px;
  position: relative;
}

section.A div.port5 {
  grid-column: 4 / span 6;
  grid-row: 5;
  padding-top: 10px;
  position: relative;
}

section.A div.port6 {
  grid-column: 4 / span 6;
  grid-row: 6;
  padding-top: 10px;
  position: relative;
}

section.A div.port7 {
  grid-column: 4 / span 6;
  grid-row: 7;
  padding-top: 10px;
  position: relative;
}

section.A div.port8 {
  grid-column: 4 / span 6;
  grid-row: 8;
  padding-top: 10px;
  position: relative;
}

section.A div.port9 {
  grid-column: 4 / span 6;
  grid-row: 9;
  padding-top: 10px;
  position: relative;
}

section.A div.port10 {
  grid-column: 4 / span 6;
  grid-row: 10;
  padding-top: 10px;
  position: relative;
}

section.A div.port11 {
  grid-column: 4 / span 6;
  grid-row: 11;
  padding-top: 10px;
  position: relative;
}

section.A div.port12 {
  grid-column: 4 / span 6;
  grid-row: 12;
  padding-top: 10px;
  position: relative;
}

@media (max-width: 660px) {
  section.A {
    display: grid;
    grid-template-columns: 16;
    grid-template-rows: repeat(5, 0.5fr);
    row-gap: 0px;
    margin: 10px;
  } 

  section.A img {
    padding-bottom: 10px;
  }
 
  section.A div.one {
    grid-column: 1 / span 16;
    grid-row: 1;
    position: relative;
  }

  section.A div.two {
    grid-column: 1 / span 16;
    grid-row: 2;
    position: relative;
  }

  section.A div.three {
    grid-column: 1 / span 16;
    grid-row: 3;
    position: relative;
  }

  section.A div.four {
    grid-column: 1 / span 16;
    grid-row: 4;
    position: relative;
  }

  section.A div.five {
    grid-column: 1 / span 16;
    grid-row: 5;
    position: relative;
  }

  section.A div.six {
    grid-column: 1 / span 16;
    grid-row: 6;
    position: relative;
  }

  section.A div.seven {
    grid-column: 1 / span 16;
    grid-row: 7;
    position: relative;
  }

  section.A div.eight {
    grid-column: 1 / span 16;
    grid-row: 8;
    position: relative;
  }

  section.A div.nine {
    grid-column: 1 / span 16;
    grid-row: 9;
    position: relative;
  }

  section.A div.ten {
    grid-column: 1 / span 16;
    grid-row: 10;
    position: relative;
  }

  section.A div.eleven {
    grid-column: 1 / span 16;
    grid-row: 11;
    position: relative;
  }

  section.A div.twelve {
    grid-column: 1 / span 16;
    grid-row: 12;
    position: relative;
  }

  section.A div.thirteen {
    grid-column: 1 / span 16;
    grid-row: 13;
    position: relative;
  }

  section.A div.port1 {
    grid-column: 1 / span 16;
    grid-row: 1;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port2 {
    grid-column: 1 / span 16;
    grid-row: 2;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port3 {
    grid-column: 1 / span 16;
    grid-row: 3;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port4 {
    grid-column: 1 / span 16;
    grid-row: 4;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port5 {
    grid-column: 1 / span 16;
    grid-row: 5;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port6 {
    grid-column: 1 / span 16;
    grid-row: 6;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port7 {
    grid-column: 1 / span 16;
    grid-row: 7;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port8 {
    grid-column: 1 / span 16;
    grid-row: 8;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port9 {
    grid-column: 1 / span 16;
    grid-row: 9;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port10 {
    grid-column: 1 / span 16;
    grid-row: 10;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port11 {
    grid-column: 1 / span 16;
    grid-row: 11;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }

  section.A div.port12 {
    grid-column: 1 / span 16;
    grid-row: 12;
    padding: 10px, 10px, 0px, 10px;
    position: relative;
  }
}

section.D div.port1 {
  grid-column: 4 / span 6;
  grid-row: 1;
  padding-top: 10px;
  position: relative;
}

section.D div.port2 {
  grid-column: 4 / span 6;
  grid-row: 2;
  padding-top: 10px;
  position: relative;
}

section.D div.port3 {
  grid-column: 10 / span 6;
  grid-row: 2;
  padding-top: 10px;
  position: relative;
}

section.D div.txtport1 {
  display: inline;
  grid-column: 10 / span 5;
  grid-row: 1;
  padding: 10px;
}

section.D div.txtport2 {
  display: inline;
  grid-column: 16 / span 3;
  grid-row: 2;
  padding: 10px;
}

.menu {
  background: white;
  display: none;
  position: fixed;
  z-index: 1000;
}

.menu:target {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
}

.navbar2 a {
  border: none;
  outline: none;
  color: black;
  font-size: 40px;
  padding: 20px;
  background-color: white;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  display: flex;
}

.menu .close {
  font-size: 40px;
  padding: 20px;
  font-weight: 300;
  height: 1em;
  position: absolute;
  left: 4px;
  top: 5px;
  width: 2em;
  z-index: 1001;
}

.navbar2 a:hover,
.menu a:hover,
.dropbtn2:hover {
  background-color: rgba(174, 245, 224, 0.2);
  width: 100vw;
}

.menu a {
  float: none;
  font-size: 1.7em;
  color:   rgb(99, 207, 221);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 4.5px;
}

.menu a.info {
  position: flex;
  top: 100px;
}

.menu a.exhibitions {
  position: flex;
  top: 155px;
}

.menu a.work {
  position: flex;
  top: 210px;
}

.menu a.link1 {
  position: flex;
  top: 265px;
}

.menu a.link2 {
  position: flex;
  top: 320px;
}

.menu a.link3 {
  position: flex;
  top: 375px;
}

.menu a.link4 {
  position: flex;
  top: 430px;
}

.menu a.link5 {
  position: flex;
  top: 485px;
}

.menu a.link6 {
  position: flex;
  top: 540px;
}

.menu a.link7 {
  position: flex;
  top: 595px;
}

.menu a.link8 {
  position: flex;
  top: 650px;
} 

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, mySlides6 {
  display: none;
} 

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.slideimg {
  width: 100%;
}