body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: auto;
    min-height: 100vh;
  }
  main h1{
    font-size: 15pt;
    color:#275070;
  }
  main h2{
    font-size: 25pt;
    color: #275070;
  }
  
  nav{
    background-color: #fff;
    height: 50px;
    width: 100%;
    padding-top: 15px;
}
nav ul{
    list-style-type: none;
    text-align: center;
    
}
nav li{
    display: inline-block;
    padding-right: 35px; 
    padding-top: 0px; 
}
nav a{
   
    color: #275070;
    font-size: 20pt;
    padding: 25px;
    text-decoration: none;
    
}
nav a:hover{
    color: #fff;
    color: #79a93b;
}
hr{
    color: #3b79a9;
}

a{
    color: #79a93b;
}
  
  main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    
  }
  
  article {
    background:  #d1e2ef;;
    padding: 15pt;
  
  }
  
  aside {
    background: #3b79a9;
    padding: 15pt;
    width: 55%;
    height: 450px;
  
  }
  aside h2{
    text-align: center;
    font-size: 15pt;
    color: white;
}
  footer{
    width: 100%;
    height: 80px;
    text-align: center;
    background-color: #275070;
}
footer p{
    padding-top: 5pt;
    color: #fff;
    text-align: center;
    font-family: Tahoma;
}
.karte {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
  }
  .karte img {
    width: 100%;
    height: auto;
  }
  .desno{
    float: right;
  }
 
  @media only screen and (max-width: 720px) {
    body {
      grid-template-rows: 1fr;
      grid-template-columns: 1fr;
    }
  
    article p {
      font-size: 12pt;
    }
    
    main h1 {
      font-size: 14pt;
    }
  
    main h2 {
      font-size: 9pt;
    }

    label {
      color: #373cce;
      display: block;
      cursor: pointer;
  }

  .meni {
      text-align: center;
      width: 100%;
      display: none;
  }

  .meni a {
      display: block;
      border-bottom: 1px solid #ccc;
      margin: 0;
  }

  #prekidac:checked+.meni {
      display: block;
  }
  
    
  
    nav li {
      display: block;
      text-align: center;
    }
  
    nav a {
      font-size: 16pt;
      padding: 10px;
    }
  
    main {
      display: grid;
      grid-template-columns: 1fr; 
    }
  
    aside {
      width: 100%;
      height: auto;
      padding: 1rem;
    }
  
    .karte {
      grid-template-columns: 1fr; 
    }
  
    footer {
      height: auto;
    }
  
    footer p {
      font-size: 12pt;
    }
  }