@charset "utf-8";
/* CSS Document */

#Hero {
  background: #000;
  min-height: 140px;
  margin: 0;
  }

#Content {
  display: none;
  margin: 0;
  }

#ImpTop {
  background: #000;
  }

.ITtext {
  float: left;
  width: 42%;
  margin: 0 0 0 8%;
  }
.ITtext img {
  display: block;
  border: 0;
  width: 40%;
  }
.ITtext p {
  color: #fff;
  margin: 10px 0 0 0;
  }

.ITimage {
  float: right;
  width: 42%;
  margin: 0;
  }
.ITimage img {
  display: block;
  border: 0;
  }


#Dividends {
  background: #008748;
  padding: 50px 8%;
  }
#Dividends img.BDtitle {
  display: block;
  margin: 0 auto 50px auto;
  width: 95%;
  max-width: 450px;
  }

.Dend {
  background: #000;
  margin: 0 0 20px 0;
  border-radius: 15px;
  overflow: hidden;
  }
.Dend img {
  display: block;
  margin: 0 auto;
  width: 60%;
  }

.BDtext {
  float: left;
  width: 60%;
  margin: 30px 0 20px 0;
  }
.BDtext p {
  font-size: 22px;
  line-height: 1.3em;
  color: #fff;
  margin: 0;
  }

.BDbut {
  float: right;
  width: 40%;
  margin: 30px 0 20px 0;
  }
.BDbut a {
  float: right;
  background: #00fc87;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  }
.BDbut a:hover {
  background: #000;
  color: #00fc87;
  }


#PctArea {
  background: #000;
  padding: 30px 0;
  }
#PctArea img.PAtitle {
  display: block;
  margin: 0 auto 50px auto;
  width: 95%;
  max-width: 1000px;
  }
#PctArea p {
  color: #fff;
  text-align: center;
  }

.PctGraphs {
  display: flex;
  margin: 0 8%;
  }

.Percent {
  width: 20%;
  }
.Percent img {
  display: block;
  margin: 0 auto;
  }
.Percent p {
  margin: 10px;
  }


.Geom {
  background: #000 url(../images/bbbs-black-background-with-pattern-1920x1080.png) no-repeat;
  height: 100px;
  }

@media screen and (max-width: 950px) {
.ITtext {
  float: none;
  width: 90%;
  margin: 0 0 10px 8%;
  }
.ITimage {
  width: 92%;
  margin: 0;
  }
.Dend img {
  width: 80%;
  }
.BDtext {
  float: none;
  width: auto;
  }
.BDbut {
  float: none;
  width: auto;
  }
.BDbut a {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  max-width: 300px;
  text-align: center;
  }
.PctGraphs {
  display: block;
  }
.Percent {
  float: left;
  width: 33.3333333333%;
  }
.FourthOne {
  clear: left;
  }
}
@media screen and (max-width: 650px) {
#Hero {
  min-height: 10px;
  }
.Dend img {
  width: 95%;
  }
.Percent {
  float: none;
  width: 100%;
  }
}