thead td{
  background-color: var(--color-green);
  color: white;
  text-transform: uppercase;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table tr {
  border-bottom: 1px solid black;
}

table td {
  padding: 5px;
}

table th {
  padding: 5px;
  background-color: var(--color-green);
  color: white;
}

table a{
  color: black;
}

table th:hover{
  cursor: pointer;
}

.ee p{
  margin-bottom: 1em;
}


.ee ul{
  list-style: circle;
  list-style-type: circle;
}

.ee ul li{
  list-style: circle;
  list-style-type: circle;
}



.pictures-slider{
  height: 100%;
  width: 100%;
}

.pictures-slider div{
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slick-slide{
  width: 100%;
  height: 100%;
}

.first a{
  color: var(--color-green);
}

.ee{
  position: fixed;
  overflow-y: scroll;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  border-top: 1px solid var(--color-green);
  padding: 10px; 
  font-size: 1.2em;
}




@media only screen and (max-width: 1024px) {
  .nw,
  .ee,
  .sw,
  .ne{
      position: relative;
      width: 100%;
      height: auto;
      border-right: 0px;
      border-left: 0px;
  }

  .pictures-slider{
  height: 30vh;
  width: 100%;
}

.sw ul{
  transform: translateY(50%);
  margin-bottom: 10%;
}

  main nav {
    margin: 5%;
  }

}