/*
   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: 1200px;
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   margin: auto;
}

.col-1 { 
   flex: 0 0 calc(25% - 12px); 
   background-color: #f8b400; 
}

.col-2 { 
   flex: 0 0 calc(50% - 8px); 
   background-color: #6a2c70; 
}

.col-3 { 
   flex: 0 0 calc(75% - 5px); 
   background-color: #b83b5e; 
}

.col-4 { 
   flex: 0 0 100%; 
   background-color: #0b4f6c; 
}

.col {
  padding: 20px;
}

@media (max-width: 768px) {
      
   .col-1,.col-2,.col-3,.col-4 {
      flex: 0 0 100%;
   }

}