.mentor-container {
  width: 100%;
  max-width: 1140px; /* similar to Bootstrap container */
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}


.HeadingBox2 {
    font-family: Butler;
    font-weight: 700;
	font-size:40px;
    letter-spacing: 0.02em;
	color:#333333;
	line-height: 1em;
	padding-bottom:0px;
}

.paraText{
    text-align: left;
    color:#6E6E6E;
    font-family: "Gordita", Sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height:30px;
}

.mentor-name {
  background: #3dcfe0;
  padding: 3px 0;
  font-weight: 600;
  color: #000;
  font-family: 'Gordita', Sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.mentor-title {
  padding: 3px 0 1px;
  font-weight: 600;
  color:#333333;
  font-family: 'Gordita', Sans-serif;
  font-size: 16px;
}
.mentor-title2 {
  padding: 3px 0 1px;
  font-weight: 600;
  color:#333333;
  font-family: 'Gordita', Sans-serif;
  font-size: 15px;
}

.mentor-org {
 text-align: center;
    color: #414040;
    font-family: "Gordita", Sans-serif;
    font-size: 13px;
    font-weight: 600;
}

/* ?? Tablet view (between 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .my-container {
    max-width: 100%;
  }
  
  .HeadingBox2 {   
    font-size: 35px;
  }
  .mentor-name {
  font-size: 15px;
   }

}

/* ?? Mobile view (up to 767px) */
@media (max-width: 767px) {
  .HeadingBox2 {  
    font-size: 35px;
	text-align:center;
  }
  
   .mentor-name {
  font-size: 15px;
   }
}/* CSS Document */