body {
  margin: 0;
  padding: 0;
  background-color:#067F1E;
}

h1 {
   text-align: center;
   font-size: clamp(1rem, 6vw, 2rem);
   color: #FFFFFF;
}

a:link, a:visited
{
  background-color: #067F1E;
  border: none;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: clamp(0.5rem, 4vw, 2rem);
  margin: 4px 2px;
  transition-duration: 0.9s;
  cursor: pointer;
}

a:hover, a:active
{
  background-color: #067F1E;
  color: black;
}

.layout-grid {
   display: grid; 
   grid-template-columns: 1fr 2fr 2fr 1fr;
   grid-template-rows: auto auto auto auto auto;
   gap: 5px;
   /*border: solid 3px black;*/

}
  
.header {
   /*background-color: orange;*/
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 2;
   grid-column-end: 5;   
   padding: 20px;
   text-align: center;
   /*border: solid 3px black;*/
}

.menü {
   grid-row-start: 2;
   grid-column-start: 2;
   grid-row-end: 3;
   grid-column-end: 4;
   padding: 20px;
   /*border: solid 3px black;*/
   text-align: center;
   
}

.contact {
   grid-row-start: 3;
   grid-column-start: 2;
   grid-row-end: 4;
   grid-column-end: 4;
   /*border: solid 3px black;*/
   font-size: clamp(0.5rem, 2.5vw, 1.5rem);
   color: #FFFFFF;
}

.description {
   grid-row-start: 4;
   grid-column-start: 2;
   grid-row-end: 5;
   grid-column-end: 4;
   /*background-color: rgb(139, 25, 96);*/
   text-align: justify;
   font-size: clamp(0.5rem, 2.5vw, 1.5rem);
   /*border: solid 3px black; */
   color: #FFFFFF;
}

.footer {
   background-color: orange; 
   grid-row-start: 5;
   grid-column-start: 1;
   grid-row-end: 6;
   grid-column-end: 5;
   clear: both;
   padding: 10px;
   text-align: center;
   /*border: solid 3px black;*/
   color: #FFFFFF;
}