/* catalogue-specific7.css */

/* define grid */

.container {
    display: grid;
  
    grid-template-areas:
      "topbar"
      "dum"
      "header"
      "catalogue";
  
    grid-template-columns: auto;
    grid-template-rows: 47px auto auto auto auto auto auto;
    grid-gap: 0px;
  

  }
  
  /* place items on grid */
  
  topbar {
    grid-area: topbar;
  }
  
  header {
    grid-area: header;
  }
  
  catalogue {
    grid-area: catalogue;
    width: 50%;
    margin: auto;
    margin-top: 0.5rem;
  }
  
  


  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media (max-width: 600px) {
    .container {
      display: grid;
  
      grid-template-areas:
        "topbar"
        "dum"
        "header"
        "catalogue";
  
      grid-template-columns: auto;
      grid-template-rows:
        auto /* Topbar */
        47px /* Dum */
        auto /* Header */
        auto /* Catalogue */
    }
  
    catalogue {
      margin: 0;
      width: 100%;
      margin: auto;
      margin-top: 0.5rem;
    }
  
  
    p {
      font-size: 22px;
      margin-top: 0.3em;
      margin-bottom: 1em;
      margin-left: 10px;
      margin-right: 10px;
  }
  
/* catalogue-specific7.css */

/* define grid */

.container {
    display: grid;
  
    grid-template-areas:
      "topbar"
      "dum"
      "header"
      "catalogue";
  
    grid-template-columns: auto;
    grid-template-rows: 47px auto auto auto auto auto auto;
    grid-gap: 0px;
  

  }
  
  /* place items on grid */
  
  topbar {
    grid-area: topbar;
  }
  
  header {
    grid-area: header;
  }
  
  catalogue {
    grid-area: catalogue;
    width: 50%;
    margin: auto;
    margin-top: 0.5rem;
  }
  
  


  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media (max-width: 600px) {
    .container {
      display: grid;
  
      grid-template-areas:
        "topbar"
        "dum"
        "header"
        "catalogue";
  
      grid-template-columns: auto;
      grid-template-rows:
        auto /* Topbar */
        47px /* Dum */
        auto /* Header */
        auto /* Catalogue */
    }
  
    catalogue {
      margin: 0;
      width: 100%;
      margin: auto;
      margin-top: 0.5rem;
    }
  
  
    p {
      font-size: 22px;
      margin-top: 0.3em;
      margin-bottom: 1em;
      margin-left: 10px;
      margin-right: 10px;
    }
    }
  }