body,html{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.container {  
    width: 100%;
    height: 100%;
    margin: 0px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.2fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "Header"
      "Content";
  }
 
  
  .Content{
    position: absolute;
    background-color: white;
    grid-area: Content;
    width: 100%;/*calc(100% - 25px * 2); */
    height: calc(100% - 160px - 25px * 2 - 15px);
    top: 160px;
    grid-template-columns: 1fr;
  grid-template-rows: 1fr 0.2fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "CardsHolder"
    "Footer";
  }

.CardsHolder{
  position: absolute;
  background-color: white;
  grid-area: CardsHolder;
  height: 200%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 45px;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px;
  padding-bottom: 35px;
}

.Footer{
  position: absolute;
  background-color: white;
  grid-area: Footer;
  height: 100%;
  width: 100%;
}


  /* grid-template-columns: 1fr;
  grid-template-rows: 0.2fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Header"
    "Content"; */



    /* display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 45px;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px;
    padding-bottom: 35px; */




  .Content_cards{
    height: 550px;
    width: 300px;
    position: relative;
    top: 5%;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    background-color: white;
    font-size: 40px;
    font-family: Georgia,Times,Times New Roman,serif; 
    transition: all .2s ease-in-out;
    filter: grayscale(100%);
  }
  .Lidl_logo{
    background-image: url('/foodguru/assets/storepic/lidl-vector-logo.png');
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(0.6);
    align-items: center;
    justify-content: center;
  }
  
  .Konzum_logo{
    background-image: url('/foodguru/assets/storepic/KONZUM-logo.png');
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /*position: relative;
    top: -18%;
    background-repeat: no-repeat;*/
    transform: scale(0.6);
    align-items: center;
    justify-content: center;
  }
  
  .Špar_logo{
    background-image: url('/foodguru/assets/storepic/spar-eps-vector-logo.png');
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(0.6);
    background-repeat: no-repeat;
  }
  
  .MiP_logo{
    background-image: url('/foodguru/assets/storepic/mlinipekaresisak_logo.png');
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(0.6);
    background-repeat: no-repeat;
    position: relative;
    top: 9%;
  }
  
  .Content_cards:hover{
    transform: scale(1.1);
    filter: grayscale(0%);
  }

@media (max-width:600px){
  .Logo_main{
    background-image: url('/foodguru/favicon.ico');
  }
}

.Footer{
  height: 100%;
  width: 100%;
}