:root{
     
     --cs-gray-500: #adb5bd;
     --cs-lightgrey: #dedede;
     --cs-lightgrey-rgb: 222, 222, 222;
	 --cs-black-rgb: #000000;
    }



#cb-cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-radius: 0; display: none; }

body::before{
    display: block;
    content: '';
    height: 100px;
}

/* HEADING COLOURS */

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
    color:  rgba(var(--cs-black-rgb));
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
    
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
  color:  rgba(var(--cs-black-rgb));
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
    color:  rgba(var(--cs-black-rgb));
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
  color:  rgba(var(--cs-black-rgb));
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
  color:  rgba(var(--cs-black-rgb));
}

h6, .h6 {
  font-size: 1rem;
  color:  rgba(var(--cs-black-rgb));
}




div .test-border{
    border: 1px;
    
}


.rounded-5 {
  border-radius: 0.5rem !important;
}

.rounded-10 {
  border-radius: 1.0rem !important;
}


.card {
  width: 350px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #d2d2dc;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
  -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
  box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

.cookies a {
  text-decoration: none;
  color: #000;
  margin-top: 8px;
}

.cookies a:hover {
  text-decoration: none;
  color: blue;
  margin-top: 8px;
}

.cookie-consent{
  position: fixed;
bottom: 8px;
left: 20px;
width: 260px;
padding-top: 7px;
height: 83px;
color: #fff;

line-height: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
background: #292929;
z-index: 120;
cursor: pointer;
border-radius: 3px;
}

.allow-button{
      height: 20px;
    width: 104px;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    border-radius: 3px;
    border: 1px solid green;
    background-color: green;
}

.textoverlay{
    background-image: url(../img/cookies.png);
    background-size: cover;
}


.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}