.divider {
      border: 1px dashed grey;
 
}


h1.welcome {
  font-size:32px;
  color:red;
  
}

h1.warning {
  font-size:25px;
  color:red;
  
}

h1.checkout {
  font-size:20px;
  color:black;
  
}


h1.custom1 {
  font-size:24px;
  color:red;
  
}

h1.custom2 {
  font-size:18px;
  color:red;
  
}

h1.custom3 {
  font-size:24px;
  color:blue;
  text-align: center;
  
}

h2.custom3 {
  font-size:24px;
  color:black;
  text-align: center;
  
}

h1.custom4 {
  font-size:24px;
  color:black;
  text-align: center;
  
}

h1.custom5 {
  font-size:24px;
  color:blue;
  text-align: left;
  
}

h1.status {
   
  font-size:16px;
  color:blue;
}


h1.menu {
   
  font-size:20px;
  color:black;
}



h1.prod_list {
   
  font-size:20px;
  color:red;
}


h1.prod_list_text {
   
  font-size:20px;
  text-align: center;
  color:blue;
}


h1.prod_name {
   
  font-size:20px;
  
  color:blue;
}

h4.centre_text {
text-align: centre;
}

.centre_text {
text-align: center;
}


 .dropdown-menu
{
background-color: #F4F6F7  ;
}



@media (max-width: 450px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:90%;
    line-height: 1;
    border-radius:3px;
  }
}

input.largerCheckbox { 
            width: 20px; 
            height: 20px; 
        } 






.btn-group-vertical > button{
    margin-bottom:10px;
    margin-bottom:5px;
    text-align: left !important ;
    border-radius:5px !important;
}

.btn-group-vertical > a{
    margin-right:10px;
    margin-bottom:5px;
   text-align:left !important ;
    border-radius:5px !important;
   font-weight: bold;
   
}

.btn-group > button{
    margin-right:10px;
    margin-bottom:10px;
    text-align: left !important ;
    border-radius:5px !important;
    font-weight: bold;
}

.caret {
  float: right;
  margin: 6px 0;
  // if you are using Less, the you can reuse the actual vertical padding
  // margin: @padding-base-vertical 0;
}




.btn-info {
    margin-bottom:10px;
    color:black;
background-color: #E5E4E2;


    border-radius:10px !important;
}

.btn-outline-primary {
	color:black;
	font-weight: bold;
	
}


/********************** Main pages button colours etc *****************************************/

/* background and text colours */
.btn.btn_cr_pg {background-color:#3A99F8;color:white; font-weight: bold;}
.btn.btn_cart {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_log {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_cp {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_pwfg {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_conf {background-color:#3A99F8;color:white; font-weight: bold;}
.btn.btn_shipbill {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_note {background-color:#3A99F8;color:white; font-weight: bold;}
.btn.btn_pay {background-color:orange;color:black;font-weight: bold; }
.btn.btn_ord {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_addr {background-color:#3A99F8;color:white;font-weight: bold; }
.btn.btn_cart_add {background-color:#3A99F8;color:white; font-weight: bold;}
.btn.btn_cont {background-color:#3A99F8;color:white; }
/* hover - focus colours */
 .btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus   .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: black;
    background-color:#E8F8F5   ; 

    border-color: #285e8e; 
}

/********************** Top navbar back ground button colours etc *****************************************/
/* background colour for top navbar  #BDF9D9 */
.navbar-light {
    background-color: #D4E6F1 ;
}

/* change the brand and text color */
.navbar-light .navbar-brand,
.navbar-light .navbar-text {
    color: red;
}

/* change the link color */
.navbar-light .navbar-nav .nav-link {
    color: black;
}

/* change the color of active or hovered links */
.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item:hover .nav-link {
    color: black;
	background-color:white;
}

/* for dropdown only - change the color of dropdown */
.navbar-light .dropdown-menu {
    background-color: floralwhite;
}
.navbar-light .dropdown-item {
    color: black;
}
.navbar-light .dropdown-item:hover,
.navbar-light .dropdown-item:focus {
    color: #333333;
    background-color: rgba(255,255,255,.5);
}

/********************** Left menu button colours *****************************************/

/* Button when mouse is not hovering*/
.btn.btn-primary.btn_menu.side_menu {background-color:white;color:black }

/* Button when mouse is hovering */

 .btn.btn_menu.side_menu:hover, .btn-default:focus
   {
    color: black;
    background-color:MINTCREAM   ; 

    border-color: #285e8e; 
}


/* BAck ground for drop down menu   */

.dropdown-menu.side_menu  {
    background-color: azure;
	
}

/* text color for dropdown menu item on side menu */
.dropdown-item.side_menu {color:black;}

/*colors when hovering over a side menu dropdown list item */
.dropdown-item.side_menu:hover {color:white;background-color: cyan;}








/**************************************************************************************************/

span.b {
  display: inline-block;

  height: 100px;

  border:none;

  padding-top:10px;
  padding-bottom:1px;
  padding-left:8px;
font-size:16px;
}

span.b1 {
  display: inline-block;

  height: 60px;

  border:none;

  padding-top:10px;
  padding-bottom:1px;
  padding-left:8px;
font-size:12px;
}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}


.btn.prod_link_col {
    margin-bottom:10px;
    background-color: orange;
    color:black;
    border-radius:10px !important;
}

/*
input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 8px 12px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
*/
.table.halfsize {

width:50%;
}


.table.size80 {

width:80%;
}

.btn.colour1 {
    margin-bottom:10px;
background-color: magenta;
    border-radius:10px !important;
}

/*
a.btn.btn-info{
background-color: yellow;
}
*/
.nav.navbar-nav.ul {background-color: green;}

a.btn.btn-info:hover {
color: black;
background-color: cyan;
}

.large_text1 {font-size:2em}

.div_block1 
{
background-color:#EEEEEA ;
padding-top:8px;
padding-left:8px;
width:50%;

}

.intro_text 
{
margin :auto;
width:80%;
color: black;
}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.div_prodpic 
{
background-color:  floralwhite;
padding-top:8px;
padding-left:8px;
width:70%;

}

.dis_table th,
.dis_table  td {
  border: 1px solid black;
  padding: 10px;
  border-collapse: collapse;
}

#menu_top {
  position: fixed;
  left: 0px;
  top: 0px;

}

img.prod {
  border: 2px solid #555;
}

img.prodlist {
  border: 2px solid #555;
  border-color: blue;
}

.catlink {
	color:blue;

}




.logo {
background-color:white;	
}

.info_block1 {

  text-align: left;
}

<link href="css/name.css?<?php echo 
time(); ?>" rel="stylesheet">