/* Fonts */
* {font-family: ITC Avant Garde Gothic, Helvetica, sans-serif, Arial}

/* Body and Html Sizing */
body, html {
  height: 100%;
  line-height: 1.8;
  background-color: rgb(233, 233, 233);
}

/* Images */
img {
  width: 100%;
  height: auto;
}


#header .w3-center .w3-large .ag-notop {
  color: #ffffff;
  font-weight: bold;
}

/* Countdown Timer */
#clock {
  text-align: center;
  position: absolute;
  font-weight: bold;
  color: white;
  background-color: #383838;
  border-radius: 25px;
  padding: 20px;
  width: auto;
  height: auto;
  margin-left: 100px;
  margin-top: 0px;
}

#clock-time
{
  font-size: 3vw;
}

#clock-label
{
  font-size: 1.3vw;
}

#clock-position {
  float: left;
  margin-right: 50px;
}

/* Date under Timer*/
.ag-notop {
  margin-top: 0px;
}

/* Navigation Bar */
.navbar {
    color: #ffffff;
    background-color: #383838;
    position:fixed;
    width:100%;
    z-index:1;
    padding: 16px;
    font-weight: bold;
    font-size: large;
}

@media (min-width: 650px) and (max-width: 9999px) {
  .small-button {
    display: none !important;
  }
}

@media (max-width: 650.5px) {
  .big-button {
    display: none !important;
  }
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-color: rgb(255, 255, 255);
  background-size: cover;
  background-image: url("../images/from-client/agro-homesection.png.png");
  min-height: 100%;
}

/* Navbar Hidden Data Patch */
.banner-cover-patch {
  min-height: 1rem;
  padding-bottom: 4rem;
  visibility: hidden;
}

/* Sections */

.section-img {
  /* Positioning */
  float: left;

  /* Sizing */
  min-width: 21.75px;
  min-height: 21.75px;

  max-width: 174px;
  max-height: 174px;

  /* Margins */
  margin-top: .5rem;
  margin-bottom: .5rem;

  /* Colour */
  border-color: #000000;
  border-width: .3%;
  border-style: solid;
}
#content
{
  margin:5px;
  position:relative;
}

.section-box {
  /* Dynamic Sizing */
  width: max-content;
  height: min-content;
  
  /* Sizing Parameters */
  /*Max*/
  max-width: 70%;
  /*Min*/
  min-width: 37%;
  min-height: 10%;

  /* Colours */

  background-color: #AFAFAF;

  border-color: #000000;
  border-style: solid;

  /* Margins */
  margin-top: .5rem;
  margin-bottom: .5rem;

  /* Text Within */

  p, h1, h2, h3, h4, h5, h6 { 
    position: relative;
    width: 95% !important;
    top: 0.1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    left: 1.7rem;
  }
}

a{
  text-decoration: none !important;
}

/* Apply the following styles only if the screen width is 768 pixels or less */
@media (max-width: 768px) {
  header {
    padding: 16px 24px;
  }
  header h1 {
    font-size: 3rem;
  }
  header p {
    font-size: 1.25rem;
  }
}

.stat-number {
  scale: 200%;
}

div.ag-banner {
  /* Background Image */
  background-image: url("");
 
  /* Padding */
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Blurbs */

    .blurb{
      p{
        text-align: center;
      }
      a:link{
        color:#000000
      }

      a:hover{
        color:blue
      }
    }

    .main-blurb-img{
      /* Sizing */
      --size: 11em;
      
      width: var(--size); /* place image size [on x axis] here */
      height: auto; /* place image size [on y axis] here */

      /* align */
      float: right;

      /* Opacity */
      opacity: 1; 
    }

    .main-blurb-img :hover {
      /* Sizing */
      --size: 15em;
      
      width: var(--size); /* place image size [on x axis] here */
      height: auto; /* place image size [on y axis] here */

      /* Opacity */
      opacity: 0.6 ;
      float: right;

    }

    footer img
    {
      width:15%;
      padding: 1%;
    }