:root {  
  --w-1-2: 50%;
  --w-1-3: 33.3333%;
  --w-2-3: 66.6666%;
  --w-1-4: 25%;
  --w-3-4: 75%;
}

.w-1-2 { width: var(--w-1-2); }
.w-1-3 { width: var(--w-1-3); }
.w-2-3 { width: var(--w-2-3); }
.w-1-4 { width: var(--w-1-4); }
.w-3-4 { width: var(--w-3-4); }


@media (max-width: 767px) {
  .w-1-2, .w-1-3, .w-2-3, .w-1-4, .w-3-4 {
    width: 100% !important;
  }
}