#header {
    /* background-color: #f1f1f1;  Grey background */
    background-image: url("images/header.png");
    padding: 10px 10px; /* Some padding */
    color: beige;
    text-align: center; /* Centered text */
    font-size: 90px; /* Big font size */
    font-weight: bold;
    /* position: fixed;  Fixed position - sit on top of the page */
    top: 0;
    opacity: 50%
}

/* Welcome.kt */
#aboutUs {
    background-color: FloralWhite;
    opacity: 50%;
    padding: 10px;
}

#aboutUs > p {
    width: 50%;
}

#caring {
    background-color: Cornsilk;
    padding: 10px;
}

#samplesList {
    background-color: SeaShell;
}

/* care.kt */
.row {
    display: flex;
    width: 80%
}

.columnleft {
    width: 50%;
    padding-right: 10px;
}

.columnright {
    width: 50%;
    padding-left: 10px;
}

.columnimg
{
    width: 30%;
    padding-right: 10px;
}

.columnimg img {
    width: 100%;
    margin-top: 20px;
}

.columnfour {
    width: 30%;
}

button.columnfour {
    border-radius: 50%;
    margin: 10px;
}

button.columnfour:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.columnfour > a:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#contactus {
    background-color: Ivory;
}

th {
    text-align: left;
}

/* Style the navbar */
#navbar {
  overflow: hidden;
  /* background-color: #333; */
  background-image: url("images/header.png");
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/* granitecolors.kt */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* showSampleImages.kt */
.allCards {
    display: block;
    width: 100%;
}

.card {
  /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 20%;
    display: inline-block;
    margin: 10px 10px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.thumbnail {
    width: 100%;
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}

/* Load more button */
.loadMoreBtn {
    display: block;
    margin: 10px auto;
    background-color: #ddd;
    border: none;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 16px;
    width: 50%;
}

.supplierSite  {
    font-size: 1.5em;
}