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,#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%;
    margin-top: 0.75%;

}
   nav{
    font-weight: 600;
    background-color :#fff;
    
  }
.trapezoid {
    width: 100%;
    height: 95%;
    background: linear-gradient(-150deg,Transparent 30%,#ad0101 0);
    color: black;
    overflow: hidden;
}
  .navbar
  {
    width: 100%;
  }

.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:#000000 !important;
}

.nav-link:hover
{
  color:#fff !important;
  background-color: #ad0101;
  border-radius: 5px;
}
.active
{
  color:#fff !important;
  background-color: #ad0101;
  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;
}
.afrivestHeader {
    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;
}