body{
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;
}

header{
  height: 75px;
  width: 100%;
  position: fixed;
}
h1{
  color: #195511;
    margin-top: 25px;
    margin-left: 25px;
    text-align:center;
    width:auto;
}
@media screen and (max-width: 500px) {
    h1 {
       margin-left: auto;
      margin-right: auto;
    }
}

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
  
}
[class*="col-"] {
    float: left;
    padding: 5px;
}
.col-1 {
  width: 20%;
  height: 800px;
  z-index: 1;
}
.col-2 {
  width: 20%;
  height: 800px;
}
.col-3 {
  width: 20%;
  height: 800px;
}
.col-4 {
  width: 20%;
  height: 800px;
}
.col-5 {
  width: 20%;
  height: 800px;
}

[class*="col-"] {
    float: left;
    padding: 5px;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
img {
    width: 100%;
    height: auto;
  padding-top: 5px;
}
.row{
  padding-top: 73px;
}