.context {
    grid-area: context;
    padding:2rem 1rem;
  }
  
.head-text {
    text-align: center;
}

body {
  background-color: #202525;
  color: #F6F7F2;
}

.logo {
    content: url("./assets/logo/Renkloda.svg");
    padding: 1rem;
    max-width: 4rem;
}

.gridContainer {
    display: grid;
}


/*Text styles*/
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.wellfleet-regular {
  font-family: "Wellfleet", monospace;
  font-weight: 400;
  font-style: normal;
}


/*Media queries*/
@media (max-width: 780px) {
    .gridContainer {
      grid-template-columns: repeat(3, 1fr);
      grid-template-areas:
      "header header control"
      "nav nav nav"
/*       "context context context" */
      "mainArea mainArea mainArea";
    }
}

@media (min-width: 781px) and (max-width: 1200px){
    .gridContainer {
      grid-template-columns: 8rem repeat(2, 1fr);
      grid-template-areas:
      "header nav control"
   /*    ". context context" */
      ". mainArea mainArea";
    }
}

@media (min-width: 1201px) {
    .gridContainer {
      grid-template-columns: 8rem 1fr 8rem;
      grid-template-areas:
      "header nav control"
/*       ". context ." */
      ". mainArea .";
    }
}