/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2020 | 19:34:57 */
#achievements {
  display:block;
  width:100%;
  margin-bottom:40px;
  height: auto;
}

#achievements h2 {
  padding-bottom: 5px;
  border-bottom: 5px solid #ddd;
}

.achievements-columns {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
  align-items:stretch;
}

.left-chart {
  background: #e6e6e6;
  margin: 10px;
  width:44%;
  display: flex;
  flex-flow: column;
  justify-content: center;}

.lc-wrapper {
  display:flex;
  justify-content:center;
  padding:20px;}

.lc-img {
  width: 25%;
  padding:20px;
  margin-right:3%;
  min-width:150px
}


.lc-text {
  width: 60%;
  padding:10px;
}

.lc-text h3 {
  font-family: "rift",Arial,sans-serif !important;
  font-weight: 700;
  color: #42b4e4;
  padding: none;
  line-height:.9em;
  font-size:6em;
  margin: 0;
}

.lc-text p {
  font-weight:bold;
  line-height:1em;
}

.right-chart {
  background: #e69237;
  margin:10px 10px 10px 0px;
  width:44%;
  padding:10px;
  display:table-cell;
  color:white;}

.rc-wrapper-top {
  display:flex;
  flex-basis:100%;
  margin-top:25px;
  justify-content:center;}

.rc-img-top {
  width: 10%;
  padding:5px;
  margin-right:3%;
  min-width:80px}

.rc-text-top {
  display:block;
  width: 75%;
  color:white !important;}

.rc-text-top h3 {
  font-family: "rift",Arial,sans-serif !important;
  font-weight: 600;
  color:white !important;}

span.number {
  font-size: 3em;
  display:inline-block;
  width: 10%;
  margin-right: 10px;
  margin-top: 15px;
  vertical-align: top;
  color:white !important;}

span.title {
  font-size: .8em;
  line-height:.9em;
  display:inline-block;
  width:84%;
  vertical-align: top;
   color:white !important;}

.rc-wrapper-container {
  display: flex;
  align-items:stretch;}

.rc-wrapper-bottom {
  display:flex;
  width:50%;
  flex-flow: column nowrap;
  padding:10px;}

.rc-goals {
  display:flex;
  align-items:flex-start;
  width:auto;
  padding:10px;}

.rc-img-bottom {
  width: 5%;
  padding:5px;
  margin-right:3%;
  min-width:50px}

.rc-text p {
  font-weight:bold;
  line-height:.5em;}

@media screen and (max-width: 1350px) {

#achievements {
  margin-top:100px;
  }

.achievements-columns {
  flex-flow: column;}

.left-chart {
  width:100%;
  margin:0;
  padding:25px;}

.lc-img {
  width: 18%;
  padding:20px;
  margin-right:3%;
  min-width:150px}

.right-chart {
  margin:0;
  width:100%;
  display:table-cell;}
}

@media screen and (max-width: 415px) {

#achievements {
  margin-top:0px;
  }

.rc-img-top {
  margin-left:20px;}

.rc-wrapper-top {
  display:flex;
  flex-basis:100%;
  margin-top:25px;
  justify-content:center;}

.rc-text-top h3 {
  font-family: "rift",Arial,sans-serif !important;
  font-weight: 600;
  color:white !important;}

span.number {
  font-size: 3em;
  display:inline-block;
  width: 10%;
  margin-right: 25px;
  margin-top: 15px;
  vertical-align: top;
  color:white !important;}

span.title {
  font-size: .8em;
  line-height:.9em;
  display:inline-block;
  width:75%;
  vertical-align: top;
  color:white !important;}

.rc-wrapper-container {
  flex-flow:column;}

.rc-wrapper-bottom {
  width:100%;}

}