/* 
cntr-squbox50.css
*/

/* 
  Referenced from .container specification in https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css
    plus my original css coding in  istyle.css    of   quasi-trust.html   
*/


  
.centrc-sflu50 {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #ffffd2;         
    font-size: 16px;
    line-height: 20px;    
    color: #303030;
  /*  width: 50%;    */
    width: 68%;
    padding: 11px; 
     /*  border-radius: 15px;
         box-shadow: 0px 0px 10px #888888;   
         border: 1px solid #7b6f58;  */
}   

/*
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}   */


@media (min-width:355px) {
    .centrc-sflu50  {
        max-width: 285px;
    }
}

@media (min-width:480px) {
    .centrc-sflu50  {
        max-width: 384px;
    }
}

@media (min-width:576px) {
    .centrc-sflu50  {
        max-width: 460px;
    }
}

@media (min-width:640px) {
    .centrc-sflu50  {
        max-width: 512px;
    }
}

@media (min-width:720px) {
    .centrc-sflu50  {
        max-width: 576px;
    }
}

@media (min-width:768px) {
    .centrc-sflu50  {
        max-width: 615px;
    }
}

@media (min-width:992px) {
    .centrc-sflu50  {
        max-width: 794px;
    }
}

@media (min-width:1080px) {
    .centrc-sflu50  {
        max-width: 864px;
    }
}

@media (min-width:1200px) {
    .centrc-sflu50  {
        max-width: 960px;
    }
}

@media (min-width:1300px) {
    .centrc-sflu50  {
        max-width: 1040px;
    }
}

@media (min-width:1440px) {
    .centrc-sflu50  {
        max-width: 1152px;
    }
}