/*
   Title: NEO (css framework)
   Author: QBIT
   Date: 08/10/2025

   File path: ../../../../uploads/
*/

/* Main styles */
main {
   max-width: 75rem;
   display: flex;
   flex-wrap: row; 
   gap: 1rem;
   margin: auto;
}

.col-1 { 
   flex: 0 0 calc(25% - 0.75rem); 
}

.col-2 { 
   flex: 0 0 calc(50% - 0.5rem);
}

.col-3 { 
   flex: 0 0 calc(75% - 0.3125rem);
}

.col-4 { 
   flex: 0 0 100%; 
}

.col {
  padding: 1.2rem;
}

@media (max-width: 48rem) { 

   /* Main styles */
   main {
      display: flex;
      flex-wrap: wrap; 
   }

   .col-1,.col-2,.col-3,.col-4 {
      flex: 1 1 100%;
      width: 100%;
   }
   
}