@media screen and (max-width: 1080px) {


   /***** Structure *****/
   #archive {
      position: relative;
   }
   #archive {
      margin: 10px;
   }
   #archive {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
   #archive main {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
   }
   #archiveWrapper {
      position: relative;
   }
   #archiveWrapper {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   /***** No archive found *****/
   #noarchiveWrapper {
      position: relative;
   }
   #noarchiveWrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
   #noarchiveWrapper div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
   }
   #noarchiveWrapper div h2, #noarchiveWrapper div p {
      font-family: 'content-font';
      color: #000;
   }
   #noarchiveWrapper div h2 {
      font-size: 18px;
   }
   #noarchiveWrapper div p {
      font-size: 14px;
   }
   
   
}