/* Width in pixels */
.w-300-px       { width: 300px; }
.w-200-px       { width: 200px; }
.w-150-px       { width: 150px; }
.w-100-px       { width: 100px; }
.w-50-px        { width: 50px; }


/* Width in percentage */
.w-100          { width: 100%; }


/* Width max in pixel */
.wmax-1200-px   { max-width: 1200px; }
.wmax-1100-px   { max-width: 1100px; }
.wmax-1000-px   { max-width: 1000px; }
.wmax-800-px    { max-width: 800px; }
.wmax-600-px    { max-width: 600px; }
.wmax-550-px    { max-width: 550px; }
.wmax-500-px    { max-width: 500px; }
.wmax-400-px    { max-width: 400px; }
.wmax-300-px    { max-width: 300px; }
.wmax-200-px    { max-width: 200px; }
.wmax-180-px    { max-width: 180px; }
.wmax-150-px    { max-width: 150px; }
.wmax-100-px    { max-width: 100px; }

/* Width min in pixel */
.wmin-800-px    { min-width: 800px; }
.wmin-600-px    { min-width: 600px; }
.wmin-500-px    { min-width: 500px; }
.wmin-400-px    { min-width: 400px; }
.wmin-350-px    { min-width: 350px; }
.wmin-300-px    { min-width: 300px; }
.wmin-200-px    { min-width: 200px; }
.wmin-160-px    { min-width: 160px; }
.wmin-110-px    { min-width: 110px; }
.wmin-100-px    { min-width: 100px; }
.wmin-80-px     { min-width: 80px; }
.wmin-60-px     { min-width: 60px; }
.wmin-50-px     { min-width: 50px; }


/* Height in pixel */
.h-200-px       { height: 200px; }


/* Height max */
.hmax-400-px    { max-height: 400px; }
.hmax-300-px    { max-height: 300px; }
.hmax-100-px    { max-height: 100px; }


.hmin-250-px    { min-height: 250px; }
.hmin-200-px    { min-height: 200px; }
.hmin-150-px    { min-height: 150px; }
.hmin-100-px    { min-height: 100px; }

/* Height min */
.hmin-100-vh    { min-height: 100vh; }
.hmin-90-vh     { min-height: 90vh; }
.hmin-80-vh     { min-height: 80vh; }
.hmin-70-vh     { min-height: 70vh; }
.hmin-60-vh     { min-height: 60vh; }
.hmin-50-vh     { min-height: 50vh; }
.hmin-40-vh     { min-height: 40vh; }
.hmin-30-vh     { min-height: 30vh; }
.hmin-20-vh     { min-height: 20vh; }
.hmin-10-vh     { min-height: 10vh; }

.hmax-50-vh     { max-height: 50vh!important; }
.hmax-40-vh     { max-height: 40vh!important; }
.hmax-30-vh     { max-height: 30vh!important; }
.hmax-20-vh     { max-height: 20vh!important; }


.hmax-100       { max-height: 100%; }
.hmax-80        { max-height: 80%; }