html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

#cookieConsentdiv {
    z-index: 1000;
    position: fixed;
    /*
    width: 400px;
    */
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 30px 20px 30px;
    font-family: 'Century Gothic', sans-serif;
    box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
    /*
    border-radius: 30px 30px 0 0;
    */
}

#cookieConsentdiv button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border : none;
        background-color: green;
        padding: 10px 50px;
        margin-top: -5px;
        color: white;
        transition: all ease 0.5s;
}

#cookieConsentdiv button:hover {
    background-color: darkgreen;
}

#cookieConsentdiv h3 {
    font-size: 22px;
}

#cookieConsentdiv p {
    font-size: 13px;
}

#cookieConsentdiv a {
    color: gray;
    text-decoration: underline;
}

/* Modify the background color */
.navbar-custom {
    background-color: #04d88a;
}

    /* Modify brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
        color: white;
}

.BackGroundColourGreen {
    background: #04d88a;
}

.BackGroundColourBlue {
    background: #002e40;
}

.BackGroundColourHighlightRed {
    background: #f24875;
}

.BackGroundColourGreenRGB {
    background: rgb(4 216 137);
}

.BackGroundColourGreenRGB50 {
    background: rgb(4 216 137 / 50%);
}

.BackGroundColourGreenRGB10 {
    background: rgb(4 216 137 / 10%);
}

.ColourGreenRGB {
    color: rgb(4 216 137);
}

.ColourGreenRGB10 {
    color: rgb(4 216 137 / 10%);
}

.ColourGreenRGB50 {
    color: rgb(4 216 137 / 50%);
}

.BackGroundColourBlueRGB {
    background: rgb(0 46 64);
}

.BackGroundColourBlueRGB50 {
    background: rgb(0 46 64 / 50%);
}

.BackGroundColourBlueRGB10 {
    background: rgb(0 46 64 / 10%);
}

.BackGroundColourHighlightRedRGB {
    background: rgb(242 72 117);
}

.BackGroundColourHighlightRedRGB50 {
    background: rgb(242 72 117 / 50%);
}

.BackGroundColourHighlightRedRGB10 {
    background: rgb(242 72 117 / 10%);
}
