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

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

/* Main styles */
* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

main {
   max-width: 75rem;
   display: flex;
   flex-wrap: wrap;
   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) { 
   .col-1,.col-2,.col-3,.col-4 {
      flex: 0 0 100%;
   }
}