/*********** F O O T E R **********/
footer {
   padding-bottom: 70px;
   background-color: var(--lightgrey);
   width: 96%;
   margin: 0 2%;
}

.big-footer {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
   height: auto;
   width: 100%;
   flex-wrap: wrap;
   padding: 3rem 0;
   flex: 1 1 auto;
}

.bigfooterlist {
   display: grid;
   grid-template: 1fr / 1fr 1fr 1fr 1fr 1fr;
   width:70vw;
   grid-gap: 1.75rem;
}

.bigfooterlist li {
   display: flex;
   flex-direction: column;
   list-style: none;
   font-size: 1.1rem;
   font-weight: 300;
   letter-spacing: 1px;
   line-height: 2rem;
   flex: 1;
}


.bigfooterlist h5 {
   color: var(--darkblue);
   font-weight: 600;
   line-height: 1.25rem;
   padding: 0.45rem 0;
   font-size: 0.85rem;
}

.bigfooterlist li p {
   line-height: 1.25rem;
   font-size: 0.85rem;
}

.bigfooterlist li a {
   font-family: var(--haas-font);
   text-decoration: none;
   color: var(--darkblue);
   line-height: 1.5rem;
   font-size: 0.85rem;
}

.bigfooterlist li h5:hover,
.bigfooterlist li a:hover {
   color: var(--jadegruen);
   border-bottom: 1px solid var(--jadegruen);
}


.about {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 3rem;
   padding-bottom: 0.5rem;
   margin: auto;
}

.about a {
   padding: 0.25rem 1.1rem;
   color: var(--darkblue);
   font-family: var(--haas-font);
   font-size: 0.7rem;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
}

.about a:hover {
   opacity: 50%;
}

.socialmedia {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 1rem;
   margin: auto;
}

.note {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-bottom: 1rem;
   margin: auto;
}

p.asterix {
   font-weight: 300;
   font-size: 0.6rem;
   color: var(--darkblue);
   width: 80%;
   line-height: 1rem;
   text-align: center;
}

.socialmedia a {
   padding: 1.5rem;
   color: var(--darkblue);
}

.socialmedia a:hover {
   color: var(--jadegruen);
}

@media screen and  (min-width: 1201px) and (max-width: 1920px) {

   .bigfooterlist {
      display: grid;
      grid-template: 1fr 1fr / 1fr 1fr 1fr 1fr;
      width: 80vw;
      grid-gap: 1rem;
   }

   .bigfooterlist h5 {
      color: var(--darkblue);
      font-weight: 600;
      line-height: 1.25rem;
      padding: 0.45rem 0 0 0;
      font-size: 0.85rem;
   }

   .about {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80vw;
      padding-bottom: 1rem;
      margin: auto
   }
}

@media screen and  (min-width: 1024px) and (max-width: 1200px) {

   .big-footer {
      padding: 3rem 0 2rem 0;
   }

   .bigfooterlist {
      display: grid;
      grid-template: 1fr 1fr / 1fr 1fr 1fr;
      width: 80vw;
      grid-gap: 1rem;
   }

   .bigfooterlist h5 {
      color: var(--darkblue);
      font-weight: 600;
      line-height: 1.25rem;
      padding: 0.45rem 0 0 0;
      font-size: 0.85rem;
   }

   .bigfooterlist li {
      align-items: flex-start;
   }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {

   .big-footer {
      padding: 3rem 0 3rem 0;
   }

   .bigfooterlist {
      display: grid;
      grid-template: 1fr 1fr / 1fr 1fr 1fr;
      width: 80vw;
      grid-gap: 2rem 2rem;
   }

   .bigfooterlist h5 {
      color: var(--darkblue);
      font-weight: 600;
      line-height: 1.2rem;
      padding: 0.45rem 0 0 0;
      font-size: 0.85rem;
   }

   .bigfooterlist li {
      align-items: flex-start;
   }
}

@media screen and (min-width: 481px) and (max-width: 768px) {

   .big-footer {
      padding: 3rem 0 0 0;
   }

   .bigfooterlist {
      display: grid;
      grid-template: 1fr 1fr 1fr / 1fr 1fr;
      width: 80vw;
      grid-gap: 1rem 1rem;
   }

   .bigfooterlist h5 {
      color: var(--darkblue);
      font-weight: 600;
      line-height: 1.2rem;
      padding: 0.35rem 0 0 0;
      font-size: 0.75rem;
   }

   .bigfooterlist li p {
      line-height: 1.1rem;
      font-size: 0.75rem;
   }

   .bigfooterlist li a {
      font-family: var(--haas-font);
      text-decoration: none;
      color: var(--darkblue);
      line-height: 1.1rem;
      font-size: 0.75rem;
   }

   .bigfooterlist li {
      align-items: flex-start;
   }

   .about {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-bottom: 1rem;
      margin: auto;
   }

   .about a {
      padding: 0.25rem;
      color: var(--darkblue);
      font-family: var(--haas-font);
      text-decoration: none;
      letter-spacing: 1px;
   }
}

@media screen and (min-width: 320px) and (max-width: 480px) {

   .big-footer {
      padding: 3rem 0 2rem 0;

   }

   .bigfooterlist {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin: auto;
      flex-wrap: wrap;
      gap: 1rem;

   }

   .bigfooterlist li {
      align-items: center;
   }
   .bigfooterlist h5 {
      color: var(--darkblue);
      font-weight: 600;
      line-height: 1.25rem;
      padding: 0.45rem 0 0 0;
      font-size: 0.75rem;
   }

   .bigfooterlist li p {
      line-height: 1.25rem;
      font-size: 0.75rem;
      text-align: center;
   }

   .bigfooterlist li a {
      font-family: var(--haas-font);
      text-decoration: none;
      color: var(--darkblue);
      line-height: 1.25rem;
      font-size: 0.75rem;
      text-align: center;
   }

   .about {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-bottom: 1rem;
      margin: auto;
   }

   .about a {
      padding: 0.25rem;
      color: var(--darkblue);
      font-family: var(--haas-font);
      text-decoration: none;
      letter-spacing: 1px;
   }
}