.projectDetail{

  padding: 94px 0 0;
}
.projectDescription{
  font: 600 24px/36px "Montserrat", sans-serif;
}
.projectInfo__item{
  margin-bottom: 8px;
}

.projectInfo__item_link{
  overflow-wrap: break-word;
  word-wrap: break-word;
}
strong{
  font: 600 16px "Montserrat", sans-serif;
}
.rich-text{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; 
  padding-bottom: 80px;
  margin-bottom: 20px;
}

.projectInfo{
  margin: 30px 0;
}

.projectBody{
  font: 400 18px/36px "Montserrat", sans-serif;
}
.getInvolvedBlock{
  background-color: #e7c902;
  padding: 40px 10px;
  text-align: center;
}
.getInvolvedBlock__h2{
  color: #000;
  font: 800 60px/72px "Montserrat", sans-serif;
  justify-content: center;
  margin-bottom: 45px;
}
.getInvolvedBlock__p{
  font: 400 18px/36px "Montserrat", sans-serif;
  margin: 0 0 20px;
}
.getInvolved__button{
  border: 1px solid #fff;
  background-color: #fff;
  font: 600 16px/24px "Montserrat", sans-serif;
  letter-spacing: 1.49px;
  margin: 75px 0 60px;
  color: #000;
  text-decoration: none;
  display: inline-block;
}
.getInvolved__button:hover, .getInvolved__button:focus, .getInvolved__button:active{
  color: #fff;
  border-color: transparent;
  background-color: #000;
  text-decoration: none;
}
.pageHeading, .projectDescription, .projectInfo{
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.projectInfo-wrapper {
  width: 100%;
  background-color: #f2f2ef;
  padding: 1px;
  margin: 40px auto;
  padding-left: 9px;
}

.displayNone{
  display: none;
}

.getInvolved__wrapper{
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}
.videoSection{
  background-color: #f2f2ef;
  margin: 0 -10px;
  min-height: 200px;
}
.videoWrapper{
  text-align: center;
  padding: 65px 0 150px;
  width: 95%;
  margin: 0 auto;
}
.githubInfo{
  padding: 10px;
  background-color: #fff;
  margin-top: -100px;
  margin-bottom: 70px;
  text-align: left;
  box-shadow: 0 5px 31px 1px rgba(29, 29, 29, 0.36);
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.githubInfo__h4{
  text-align: center;
  font: 600 24px "Montserrat";
  margin: 30px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.histo-line {
  height: 10px;
}

.githubInfo-block, .linkToGithub{
  display: block;
}
.githubInfo__elem-mb20{
  margin-bottom: 20px;
}
.githubInfo strong{
  margin-bottom: 5px;
}
.gitContributors{
  display: flex;
  flex-wrap: wrap;
}
.contributorImg{
  border: 2px solid #000;
}
.linkToContributor{
  display: block;
}
.gitContributor{
  margin: 4px;
}
.githubInfo__blockHeading{
  font: 600 20px "Montserrat";
}
.githubInfo__openIssues{
  color: #fff;
  background-color: #0A6995;
  padding: 8px 16px;
  border-radius: 6px;
  display: inline-block;
  margin: 10px 0;
}
.morris-hover-point{
  color: #000 !important;
}
#gitChart{
  margin-bottom: 10px;
}
@media (min-width: 768px){
  .githubInfo__row{
    display: flex;
  } 
  .githubInfo__firstColumn, .githubInfo__secondColumn{
    margin-right: 20px;
    width: 100%;
  }
  .githubInfo__thirdColumn{
    min-width: 200px;
  }
  .flexWrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 768px){
  .videoSection iframe {
    width: 100%;
  }

  .projectDescription, .pageHeading {
    margin-left: 20px;
    margin-right: 20px;
  }

  .projectDescription {
    font-size: 18px;
  }
}

@media (max-width: 992px){
  .projectBody img{
    width: 230px;
    height: auto;
  }

  .projectBody {
    font-size: 14px;
    line-height: 28px;
    margin-right: 20px;
    margin-left: 20px;
  }
  .projectDescription, .pageHeading {
    margin-left: 20px;
    margin-right: 20px;
  }
  .projectDescription {
    font-size: 15px;
    line-height: 28px;
  }
  .getInvolvedBlock__h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .getInvolved__button {
    margin: 20px 0 0px;
  }

  .projectInfo-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }

  .projectInfo__item{
    font-size: 14px;
  }
  .projectInfo__item strong {
    font-size: 14px;
  }
}