.bggray
{
    background-color:lightgray;
}
.bgalmond
{
    background-color:blanchedalmond;
}

.bgbeige
{
    background-color:beige;
}

 .chksize 
 {
     width: 30px; 
     height: 30px;

 }

      .btnsize 
 {
     font-size: 2em; 
     margin-bottom: 10px;
 }
      .btngrid 
 {
     font-size: 1em; 
     margin-bottom: 10px;
 }
      .grdsize 
 {
     font-size: 1.5em; 
 }
.msglargered
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18pt;
	color: red;
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 10px) {
    .linkit {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .titlewhite {
        font-size: 1.25rem;
       color:white;
    }

    .mediabr {
        display: inline;
    }

    .msglargeredbs {
        font-size: 2.5em;
        color: red;
    }
    .msglargebs {
        font-size: 2.5em;
        color: black;
    }
    .msgmedbs {
        font-size: 2em;
        color: black;
    }

    .msgnormalbs {
        font-size: 1.5em;
        color: black;
    }
    .logobs {
        width: 90%;
    }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 900px) {  

     .chksize 
 {
     width: 12px; 
     height: 12px;

 }
     .btnsize 
 {
     font-size: 1.25em; 
 }
      .grdsize 
 {
     font-size: 1.25em; 
 }
  .linkit {font-size:1rem; 
           margin-bottom:10px;}
 .titlewhite {
        font-size: 1.25rem;
       color:white;
    }
  .mediabr {
      display:inline;}

   .msglargeredbs {
        font-size: 2.5em;
        color: red;
    }
    .msglargebs {
        font-size: 2.5em;
        color: black;
    }
    .msgmedbs {
        font-size: 2em;
        color: black;
    }

    .msgnormalbs {
        font-size: 1em;
        color: black;
    }
    .logobs {
        width: 25%;
    }
    .logo10pct {
        width: 10%;
    }
}

/* Medium devices (tablets, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 1700px) {  
  .linkit {font-size:1rem; 
           margin-bottom:10px;}
 .titlewhite {
        font-size: 1.75rem;
       color:white;
    }
  .mediabr {
      display:none;}

   .msglargeredbs {
        font-size: 3.5em;
        color: red;
    }
    .msglargebs {
        font-size: 3.5em;
        color: black;
    }
    .msgmedbs {
        font-size: 2.5em;
        color: black;
    }

    .msgnormalbs {
        font-size: 1.5em;
        color: black;
    }
    .logobs {
        width: 25%;
    }
    .img50 {
        width: 50%;
    }
}