body {
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "Arial Unicode MS", "Lucida Sans Unicode", "DejaVu Sans", "Quivira", "Symbola", "Code2000",;
}
.afri-body {
    background: linear-gradient(to bottom,#029385, white);
    background-image: url("../../imgs/background1.png");
    background-position: left 0% top 0%;
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    background-size: 35%;
    margin-top: 0.75%;
}
nav {
    font-weight: 600;
    background-color: #fff;
}
.trapezoid {
    width: 100%;
    height: 95%;
    background: linear-gradient(-150deg,Transparent 30%, #029385 0);
    color: black;
    overflow: hidden;
}
  .navbar
  {
    width: 100%;
  }
#myCarousel {
    max-height: 90vh !important;
}
.navbar-brand {
    font-weight: 600;
    text-transform: Capitalize;
    font-size: 1em;
    font-family: "Arial Unicode MS", "Lucida Sans Unicode", "DejaVu Sans", "Quivira", "Symbola", "Code2000",;
    color: #000000;
}
.nav-link {
    color: #029385 !important;
}

    .nav-link:hover {
        color: #fff !important;
        background-color: #029385;
        border-radius: 5px;
    }
.active {
    color: #fff !important;
    background-color: #029385;
    border-radius: 5px;
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../../imgs/logo.png') 50% 50% no-repeat rgb(255,255,255);
    }

    footer{
      
      margin-top: auto !important;
    }

    .text-justify {
      text-align: justify;
    }
    .navbar-nav .nav-link {
      margin-right: 25px;
      margin-left: 25px;
  }

  .bannerbg
  {
    background: url('../../imgs/banner.jpg') no-repeat;
  }
.siteMap {
    color: #ad0101 !important;
}
.LakesydeHeader {
    margin-top: -3%;
}
.mobilediv {
    border: none !important;
}

.afri-grey {
    background: #A9A9A9;
}

@media (min-width: 1201px) {
    .afri-body {
        background: linear-gradient(to bottom,#E8E8E8, white);
        background-image: url("../../imgs/background1.png");
        background-position: left 0% top 0%;
        background-repeat: no-repeat; /*Prevent showing multiple background images*/
        background-size: 35%;
    }
}
@media (min-width: 1201px) {
    .afri-body {
        background: linear-gradient(to bottom,#E8E8E8, white);
        background-image: url("../../imgs/background1.png");
        background-position: left 0% top 0%;
        background-repeat: no-repeat; /*Prevent showing multiple background images*/
        background-size: 35%;
    }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    .afri-body {

        background: none;
    }
    .trapezoid {
        width: 100%;
        height: 95%;
        background: linear-gradient(-150deg,Transparent 15%,#ad0101 0);
        color: black;
        overflow: hidden;

        
    }
   
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .afri-body {
        background-size: 30%;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 890px) {
    .afri-body {
        background-size: 32%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .afri-body {
        background-size: 33.5%;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1080px) {
    .afri-body {
        background-size: 35%;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .afri-body {
        background-size: 40%;
    }
}

.img-headerImg {
    height: auto;
    width: auto;
    max-height: 72px;
    max-width: 250px;
}

footer {
    border-top: 5px solid #029385;
    font-weight: 300;
    background-color: #fff;
}

.lakesydeFont {
    color: #029385;
}

.dropdown-item:hover,.btnLakesyde, .bg-lakesyde {
    color: #fff;
    background-color: #029385;
}

.tagline {
    color: #fff;
    background-color: #029385;
}
.lakesydeImage {
   border-inline-start: 5px solid;
   border-block-start: 5px solid;
   border-image-source: radial-gradient( circle at top left,#029385, Transparent 65%);
   border-image-slice: 1;
   padding: 10px;
}
.lakesydeImageInverse {
    border-inline-end: 5px solid;
    border-block-start: 5px solid;
    border-image-source: radial-gradient( circle at top right,#029385, Transparent 65%);
    border-image-slice: 1;
    padding: 10px;
 }

.fa-lakesyde {
    color: #029385;
}