#content-responsiv{
    * {box-sizing: border-box;}
     div, p, th, td  {
         font-size: 1rem;
         line-height: 1.4rem;
         box-sizing: border-box;
     }
    padding: 1.2rem;
    .row {
        display: flex;
        background-color:transparent;
    }
    [class^="col"] {
        padding: 0.125rem;
    }
    .col {
        width: auto;
    }
    .col-1 {width: 8.333%;}
    .col-2 {width: 16.666%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.333%;}
    .col-5 {width: 41.666%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.333%;}
    .col-8 {width: 66.666%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.333%;}
    .col-11 {width: 91.666%;}
    .col-12 {width: 100%;}

    .justify-content-center {
        justify-content: center;
    }
    .justify-content-between {
        justify-content: space-between;
    }
    .justify-content-around {
        justify-content: space-around;
    }
    .justify-content-start {
        justify-content: flex-start;
    }
    .justify-content-end {
        justify-content: flex-end;
    }

    label {font-size: 1.5rem;}
    input, button, .button {
        font-size: 1.5rem;
        padding: 0.75rem;
        border-radius: 0.75rem;
    }
    a.button {

    }
    .img-fluid {
        width:100%; height:auto;
    }
    .img-fluid-height {
        height:100%; width: auto;
    }
}