/* ******************* */
/*   mobile vertical   */
/* ******************* */
@media only screen and (max-width: 799px) and (orientation: portrait) {
    .fw-mobv-lightest { font-weight: 100 !important;}
    .fw-mobv-lighter  { font-weight: 200 !important;}
    .fw-mobv-light    { font-weight: 300 !important;}
    .fw-mobv-normal   { font-weight: 400 !important;}
    .fw-mobv-medium   { font-weight: 500 !important;}
    .fw-mobv-semibold { font-weight: 600 !important;}
    .fw-mobv-bold     { font-weight: 700 !important;}
    .fw-mobv-bolder   { font-weight: 800 !important;}
    .fw-mobv-boldest  { font-weight: 900 !important;}
    

    .w-mobv-10 { width: 10% !important; }
    .w-mobv-20 { width: 20% !important; }
    .w-mobv-25 { width: 25% !important; }
    .w-mobv-30 { width: 30% !important; }
    .w-mobv-40 { width: 40% !important; }
    .w-mobv-50 { width: 50% !important; }
    .w-mobv-60 { width: 60% !important; }
    .w-mobv-70 { width: 70% !important; }
    .w-mobv-75 { width: 75% !important; }
    .w-mobv-80 { width: 80% !important; }
    .w-mobv-90 { width: 90% !important; }
    .w-mobv-90 { width: 95% !important; }
    .w-mobv-100 { width: 100% !important; }
    .w-mobv-40vw { width: 40vw !important}

    .p-mobv-0 {padding: 0 !important;}
    .p-mobv-1 {padding: 0.25rem !important;}
    .p-mobv-2 {padding: 0.5rem !important;}
    .p-mobv-3 {padding: 1rem !important;}
    .p-mobv-4 {padding: 1.5rem !important;}
    .p-mobv-5 {padding: 3rem !important;}
    .px-mobv-0 {padding-right: 0 !important; padding-left: 0 !important; }
    .px-mobv-1 {padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-mobv-2 {padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-mobv-3 {padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-mobv-4 {padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-mobv-5 {padding-right: 3rem !important; padding-left: 3rem !important; }
    .py-mobv-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-mobv-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-mobv-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-mobv-3 {padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-mobv-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-mobv-5 {padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .m-mobv-0 {margin: 0 !important;}
    .m-mobv-1 {margin: 0.25rem !important;}
    .m-mobv-2 {margin: 0.5rem !important;}
    .m-mobv-3 {margin: 1rem !important;}
    .m-mobv-4 {margin: 1.5rem !important;}
    .m-mobv-5 {margin: 3rem !important;}
    .mx-mobv-0 {margin-right: 0 !important; margin-left: 0 !important; }
    .mx-mobv-1 {margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-mobv-2 {margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-mobv-3 {margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-mobv-4 {margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-mobv-5 {margin-right: 3rem !important; margin-left: 3rem !important; }
    .my-mobv-0 {margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-mobv-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-mobv-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-mobv-3 {margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-mobv-4 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-mobv-5 {margin-top: 3rem !important; margin-bottom: 3rem !important; }
    
    .d-mobv-inline { display: inline !important; }
    .d-mobv-block { display: block !important; }
    .d-mobv-grid { display: grid !important; }
    .d-mobv-flex { display: flex !important; }
    .d-mobv-none { display: none !important; }
    
    .mobv-justify-content-start { justify-content: flex-start !important; }
    .mobv-justify-content-end { justify-content: flex-end !important; }
    .mobv-justify-content-center { justify-content: center !important; }
    .mobv-justify-content-between { justify-content: space-between !important; }
    .mobv-justify-content-around { justify-content: space-around !important; }
    .mobv-justify-content-evenly { justify-content: space-evenly !important; }

    .col-mobv-auto {flex: 0 0 auto; width: auto;}
    .col-mobv-1    {flex: 0 0 auto; width: calc(100% * 1 / 12);}
    .col-mobv-2    {flex: 0 0 auto; width: calc(100% * 2 / 12);}
    .col-mobv-3    {flex: 0 0 auto; width: calc(100% * 3 / 12);}
    .col-mobv-4    {flex: 0 0 auto; width: calc(100% * 4 / 12);}
    .col-mobv-5    {flex: 0 0 auto; width: calc(100% * 5 / 12);}
    .col-mobv-6    {flex: 0 0 auto; width: calc(100% * 6 / 12);}
    .col-mobv-7    {flex: 0 0 auto; width: calc(100% * 7 / 12);}
    .col-mobv-8    {flex: 0 0 auto; width: calc(100% * 8 / 12);}
    .col-mobv-9    {flex: 0 0 auto; width: calc(100% * 9 / 12);}
    .col-mobv-10   {flex: 0 0 auto; width: calc(100% * 10/ 12);}
    .col-mobv-11   {flex: 0 0 auto; width: calc(100% * 11/ 12);}
    .col-mobv-12   {flex: 0 0 auto; width: calc(100% * 12/ 12);}
    
    .text-mobv-start {text-align: left !important;}
    .text-mobv-end {text-align: right !important;}
    .text-mobv-center {text-align: center !important;}
    
    .main-hero-image {height: 60%!important; }


    .border-mobv-1 { border-width: 1px !important; }
    .border-mobv-2 { border-width: 2px !important; }
    .border-mobv-3 { border-width: 3px !important; }
    .border-mobv-4 { border-width: 4px !important; }
    .border-mobv-5 { border-width: 5px !important; }

    .grid-mobv-col-4 {grid-template-columns: repeat(4, 1fr); }
    .grid-mobv-col-5 {grid-template-columns: repeat(5, 1fr); }
    .grid-mobv-col-6 {grid-template-columns: repeat(6, 1fr); }
    .grid-mobv-span-2 {grid-area: auto / auto / span 1 / span 2;}
    

    body{--font-mux : 0.6}
    .fsx-mobv-0b {--font-mux : 0.5}
    .fsx-mobv-1 {--font-mux : 1.0}
    .fsx-mobv-1b {--font-mux : 1.5}
    .fsx-mobv-2 {--font-mux : 2.0}
    .fsx-mobv-2b {--font-mux : 2.5}
    * {
        font-size: calc(var(--font-size) *var(--font-mux))!important;
    }

    footer {
        line-height: 1.8em;
    }

    .services{
        width:  27vw;
        height: 27vw;
        margin: 0 1vw
    }
    .product-card img {
        height: 140px;
    }
    .customslider {
      height:200px;
    }
    .slider-controls {
        top:-130px;
    }


}

/* ******************* */
/*  mobile horizontal  */
/* ******************* */
@media only screen and (max-width: 799px) and (orientation: landscape) {
    .w-mobh-10 { width: 10% !important; }
    .w-mobh-20 { width: 20% !important; }
    .w-mobh-25 { width: 25% !important; }
    .w-mobh-30 { width: 30% !important; }
    .w-mobh-40 { width: 40% !important; }
    .w-mobh-50 { width: 50% !important; }
    .w-mobh-60 { width: 60% !important; }
    .w-mobh-70 { width: 70% !important; }
    .w-mobh-75 { width: 75% !important; }
    .w-mobh-80 { width: 80% !important; }
    .w-mobh-90 { width: 90% !important; }
    .w-mobh-100 { width: 100% !important; }

    .col-mobh-auto {flex: 0 0 auto; width: auto;}
    .col-mobh-1    {flex: 0 0 auto; width: calc(100% * 1 / 12);}
    .col-mobh-2    {flex: 0 0 auto; width: calc(100% * 2 / 12);}
    .col-mobh-3    {flex: 0 0 auto; width: calc(100% * 3 / 12);}
    .col-mobh-4    {flex: 0 0 auto; width: calc(100% * 4 / 12);}
    .col-mobh-5    {flex: 0 0 auto; width: calc(100% * 5 / 12);}
    .col-mobh-6    {flex: 0 0 auto; width: calc(100% * 6 / 12);}
    .col-mobh-7    {flex: 0 0 auto; width: calc(100% * 7 / 12);}
    .col-mobh-8    {flex: 0 0 auto; width: calc(100% * 8 / 12);}
    .col-mobh-9    {flex: 0 0 auto; width: calc(100% * 9 / 12);}
    .col-mobh-10   {flex: 0 0 auto; width: calc(100% * 10/ 12);}
    .col-mobh-11   {flex: 0 0 auto; width: calc(100% * 11/ 12);}
    .col-mobh-12   {flex: 0 0 auto; width: calc(100% * 12/ 12);}

    .mobh-justify-content-start { justify-content: flex-start !important; }
    .mobh-justify-content-end { justify-content: flex-end !important; }
    .mobh-justify-content-center { justify-content: center !important; }
    .mobh-justify-content-between { justify-content: space-between !important; }
    .mobh-justify-content-around { justify-content: space-around !important; }
    .mobh-justify-content-evenly { justify-content: space-evenly !important; }
    
    .border-mobh-1 { border-width: 1px !important; }
    .border-mobh-2 { border-width: 2px !important; }
    .border-mobh-3 { border-width: 3px !important; }
    .border-mobh-4 { border-width: 4px !important; }
    .border-mobh-5 { border-width: 5px !important; }
    
    body{--font-mux : 0.8}
    .fsx-mobh-0b {--font-mux : 0.5}
    .fsx-mobh-1 {--font-mux : 1.0}
    .fsx-mobh-1b {--font-mux : 1.5}
    .fsx-mobh-2 {--font-mux : 2.0}
    .fsx-mobh-2b {--font-mux : 2.5}
    * {
        font-size: calc(var(--font-size) *var(--font-mux))!important;
    }

    footer {
        line-height: 1.8em;
    }

    .services{
        width:  27vw;
        height: 27vw;
        margin: 0 1vw
    }

    .bg-ac3col{
        --width: 100vw;
    }
    .product-card img {
        height: 140px;
    }
    .slider-controls {
        top:-170px;
    }
    .customslider {
      height:220px;
    }
}

/* ******************* */
/*    tablet vertical  */
/* ******************* */
@media only screen and (min-width: 800px) and (max-width: 1023px) and (orientation: portrait) {
    .w-tabv-10 { width: 10% !important; }
    .w-tabv-20 { width: 20% !important; }
    .w-tabv-25 { width: 25% !important; }
    .w-tabv-30 { width: 30% !important; }
    .w-tabv-40 { width: 40% !important; }
    .w-tabv-50 { width: 50% !important; }
    .w-tabv-60 { width: 60% !important; }
    .w-tabv-70 { width: 70% !important; }
    .w-tabv-75 { width: 75% !important; }
    .w-tabv-80 { width: 80% !important; }
    .w-tabv-90 { width: 90% !important; }
    .w-tabv-100 { width: 100% !important; }

    .d-tabv-inline { display: inline !important; }
    .d-tabv-block { display: block !important; }
    .d-tabv-grid { display: grid !important; }
    .d-tabv-flex { display: flex !important; }
    .d-tabv-none { display: none !important; }
    
    .col-tabv-auto {flex: 0 0 auto; width: auto;}
    .col-tabv-1    {flex: 0 0 auto; width: calc(100% * 1 / 12);}
    .col-tabv-2    {flex: 0 0 auto; width: calc(100% * 2 / 12);}
    .col-tabv-3    {flex: 0 0 auto; width: calc(100% * 3 / 12);}
    .col-tabv-4    {flex: 0 0 auto; width: calc(100% * 4 / 12);}
    .col-tabv-5    {flex: 0 0 auto; width: calc(100% * 5 / 12);}
    .col-tabv-6    {flex: 0 0 auto; width: calc(100% * 6 / 12);}
    .col-tabv-7    {flex: 0 0 auto; width: calc(100% * 7 / 12);}
    .col-tabv-8    {flex: 0 0 auto; width: calc(100% * 8 / 12);}
    .col-tabv-9    {flex: 0 0 auto; width: calc(100% * 9 / 12);}
    .col-tabv-10   {flex: 0 0 auto; width: calc(100% * 10/ 12);}
    .col-tabv-11   {flex: 0 0 auto; width: calc(100% * 11/ 12);}
    .col-tabv-12   {flex: 0 0 auto; width: calc(100% * 12/ 12);}
    
    .p-tabv-0 {padding: 0 !important;}
    .p-tabv-1 {padding: 0.25rem !important;}
    .p-tabv-2 {padding: 0.5rem !important;}
    .p-tabv-3 {padding: 1rem !important;}
    .p-tabv-4 {padding: 1.5rem !important;}
    .p-tabv-5 {padding: 3rem !important;}
    .px-tabv-0 {padding-right: 0 !important; padding-left: 0 !important; }
    .px-tabv-1 {padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-tabv-2 {padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-tabv-3 {padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-tabv-4 {padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-tabv-5 {padding-right: 3rem !important; padding-left: 3rem !important; }
    .py-tabv-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-tabv-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-tabv-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-tabv-3 {padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-tabv-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-tabv-5 {padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .border-tabv-1 { border-width: 1px !important; }
    .border-tabv-2 { border-width: 2px !important; }
    .border-tabv-3 { border-width: 3px !important; }
    .border-tabv-4 { border-width: 4px !important; }
    .border-tabv-5 { border-width: 5px !important; }

    .tabv-justify-content-start { justify-content: flex-start !important; }
    .tabv-justify-content-end { justify-content: flex-end !important; }
    .tabv-justify-content-center { justify-content: center !important; }
    .tabv-justify-content-between { justify-content: space-between !important; }
    .tabv-justify-content-around { justify-content: space-around !important; }
    .tabv-justify-content-evenly { justify-content: space-evenly !important; }

    .text-tabv-start {text-align: left !important;}
    .text-tabv-end {text-align: right !important;}
    .text-tabv-center {text-align: center !important;}

    .m-tabv-0 {margin: 0 !important;}
    .m-tabv-1 {margin: 0.25rem !important;}
    .m-tabv-2 {margin: 0.5rem !important;}
    .m-tabv-3 {margin: 1rem !important;}
    .m-tabv-4 {margin: 1.5rem !important;}
    .m-tabv-5 {margin: 3rem !important;}
    .mx-tabv-0 {margin-right: 0 !important; margin-left: 0 !important; }
    .mx-tabv-1 {margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-tabv-2 {margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-tabv-3 {margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-tabv-4 {margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-tabv-5 {margin-right: 3rem !important; margin-left: 3rem !important; }
    .my-tabv-0 {margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-tabv-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-tabv-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-tabv-3 {margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-tabv-4 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-tabv-5 {margin-top: 3rem !important; margin-bottom: 3rem !important; }
    
    .services{
        width:  27vw;
        height: 27vw;
        margin: 0 1vw
    }
    .bg-ac3col{
        --width: 100vw;
    }

    body{--font-mux : 1.2}
    .fsx-tabv-1 {--font-mux : 1.0}
    .fsx-tabv-1b {--font-mux : 1.5}
    .fsx-tabv-2 {--font-mux : 2.0}
    .fsx-tabv-2b {--font-mux : 2.5}
    * {
        font-size: calc(var(--font-size) *var(--font-mux))!important;
      }
}

/* ******************* */
/*  tablet horizontal  */
/* ******************* */
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    .col-tabh-auto {flex: 0 0 auto; width: auto;}
    .col-tabh-1    {flex: 0 0 auto; width: calc(100% * 1 / 12);}
    .col-tabh-2    {flex: 0 0 auto; width: calc(100% * 2 / 12);}
    .col-tabh-3    {flex: 0 0 auto; width: calc(100% * 3 / 12);}
    .col-tabh-4    {flex: 0 0 auto; width: calc(100% * 4 / 12);}
    .col-tabh-5    {flex: 0 0 auto; width: calc(100% * 5 / 12);}
    .col-tabh-6    {flex: 0 0 auto; width: calc(100% * 6 / 12);}
    .col-tabh-7    {flex: 0 0 auto; width: calc(100% * 7 / 12);}
    .col-tabh-8    {flex: 0 0 auto; width: calc(100% * 8 / 12);}
    .col-tabh-9    {flex: 0 0 auto; width: calc(100% * 9 / 12);}
    .col-tabh-10   {flex: 0 0 auto; width: calc(100% * 10/ 12);}
    .col-tabh-11   {flex: 0 0 auto; width: calc(100% * 11/ 12);}
    .col-tabh-12   {flex: 0 0 auto; width: calc(100% * 12/ 12);}

    .w-tabh-10 { width: 10% !important; }
    .w-tabh-20 { width: 20% !important; }
    .w-tabh-25 { width: 25% !important; }
    .w-tabh-30 { width: 30% !important; }
    .w-tabh-40 { width: 40% !important; }
    .w-tabh-50 { width: 50% !important; }
    .w-tabh-60 { width: 60% !important; }
    .w-tabh-70 { width: 70% !important; }
    .w-tabh-75 { width: 75% !important; }
    .w-tabh-80 { width: 80% !important; }
    .w-tabh-90 { width: 90% !important; }
    .w-tabh-100 { width: 100% !important; }
 
    .p-tabh-0 {padding: 0 !important;}
    .p-tabh-1 {padding: 0.25rem !important;}
    .p-tabh-2 {padding: 0.5rem !important;}
    .p-tabh-3 {padding: 1rem !important;}
    .p-tabh-4 {padding: 1.5rem !important;}
    .p-tabh-5 {padding: 3rem !important;}
    .px-tabh-0 {padding-right: 0 !important; padding-left: 0 !important; }
    .px-tabh-1 {padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-tabh-2 {padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-tabh-3 {padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-tabh-4 {padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-tabh-5 {padding-right: 3rem !important; padding-left: 3rem !important; }
    .py-tabh-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-tabh-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-tabh-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-tabh-3 {padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-tabh-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-tabh-5 {padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .d-tabh-inline { display: inline !important; }
    .d-tabh-block { display: block !important; }
    .d-tabh-grid { display: grid !important; }
    .d-tabh-flex { display: flex !important; }
    .d-tabh-none { display: none !important; }
    
    .tabh-justify-content-start { justify-content: flex-start !important; }
    .tabh-justify-content-end { justify-content: flex-end !important; }
    .tabh-justify-content-center { justify-content: center !important; }
    .tabh-justify-content-between { justify-content: space-between !important; }
    .tabh-justify-content-around { justify-content: space-around !important; }
    .tabh-justify-content-evenly { justify-content: space-evenly !important; }
}

/* ******************* */
/*           PC        */
/* ******************* */
@media only screen and ((min-width: 1281px) or ((min-width: 1024px) and (orientation: portrait))) {
    .w-pc-10 { width: 10% !important; }
    .w-pc-20 { width: 20% !important; }
    .w-pc-21 { width: 21% !important; }
    .w-pc-25 { width: 25% !important; }
    .w-pc-30 { width: 30% !important; }
    .w-pc-40 { width: 40% !important; }
    .w-pc-50 { width: 50% !important; }
    .w-pc-60 { width: 60% !important; }
    .w-pc-70 { width: 70% !important; }
    .w-pc-75 { width: 75% !important; }
    .w-pc-80 { width: 80% !important; }
    .w-pc-90 { width: 90% !important; }
    .w-pc-100 { width: 100% !important; }

    .p-pc-0 {padding: 0 !important;}
    .p-pc-1 {padding: 0.25rem !important;}
    .p-pc-2 {padding: 0.5rem !important;}
    .p-pc-3 {padding: 1rem !important;}
    .p-pc-4 {padding: 1.5rem !important;}
    .p-pc-5 {padding: 3rem !important;}
    .px-pc-0 {padding-right: 0 !important; padding-left: 0 !important; }
    .px-pc-1 {padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-pc-2 {padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-pc-3 {padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-pc-4 {padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-pc-5 {padding-right: 3rem !important; padding-left: 3rem !important; }
    .py-pc-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-pc-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-pc-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-pc-3 {padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-pc-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-pc-5 {padding-top: 3rem !important; padding-bottom: 3rem !important; }
    
    .pc-justify-content-start { justify-content: flex-start !important; }
    .pc-justify-content-end { justify-content: flex-end !important; }
    .pc-justify-content-center { justify-content: center !important; }
    .pc-justify-content-between { justify-content: space-between !important; }
    .pc-justify-content-around { justify-content: space-around !important; }
    .pc-justify-content-evenly { justify-content: space-evenly !important; }

    .pc-align-items-start { align-items: flex-start !important; }
    .pc-align-items-end { align-items: flex-end !important; }
    .pc-align-items-center { align-items: center !important; }
    .pc-align-items-baseline { align-items: baseline !important; }
    .pc-align-items-stretch { align-items: stretch !important; }

    .m-pc-auto {margin: auto !important; }
    
    .col-pc-auto {flex: 0 0 auto; width: auto;}
    .col-pc-1    {flex: 0 0 auto; width: calc(100% * 1 / 12);}
    .col-pc-2    {flex: 0 0 auto; width: calc(100% * 2 / 12);}
    .col-pc-3    {flex: 0 0 auto; width: calc(100% * 3 / 12);}
    .col-pc-4    {flex: 0 0 auto; width: calc(100% * 4 / 12);}
    .col-pc-5    {flex: 0 0 auto; width: calc(100% * 5 / 12);}
    .col-pc-6    {flex: 0 0 auto; width: calc(100% * 6 / 12);}
    .col-pc-7    {flex: 0 0 auto; width: calc(100% * 7 / 12);}
    .col-pc-8    {flex: 0 0 auto; width: calc(100% * 8 / 12);}
    .col-pc-9    {flex: 0 0 auto; width: calc(100% * 9 / 12);}
    .col-pc-10   {flex: 0 0 auto; width: calc(100% * 10/ 12);}
    .col-pc-11   {flex: 0 0 auto; width: calc(100% * 11/ 12);}
    .col-pc-12   {flex: 0 0 auto; width: calc(100% * 12/ 12);}

    .fw-pc-lightest { font-weight: 100 !important;}
    .fw-pc-lighter  { font-weight: 200 !important;}
    .fw-pc-light    { font-weight: 300 !important;}
    .fw-pc-normal   { font-weight: 400 !important;}
    .fw-pc-medium   { font-weight: 500 !important;}
    .fw-pc-semibold { font-weight: 600 !important;}
    .fw-pc-bold     { font-weight: 700 !important;}
    .fw-pc-bolder   { font-weight: 800 !important;}
    .fw-pc-boldest  { font-weight: 900 !important;}
    
    .text-pc-start {text-align: left !important;}
    .text-pc-end {text-align: right !important;}
    .text-pc-center {text-align: center !important;}

    .d-pc-inline { display: inline !important; }
    .d-pc-block { display: block !important; }
    .d-pc-grid { display: grid !important; }
    .d-pc-flex { display: flex !important; }
    .d-pc-none { display: none !important; }
        
    .mw-pc-200 {
        max-width: 200px;
    }
    .hero {
        background-attachment: fixed;
    }
}

/* ******************* */
/*      ultrawide      */
/* ******************* */

/* cancelled */