.social-row{
  padding-top: 0;
  top: 1.6em;
}

.cd-title{
  top: 44vh;
}

.cd-title p{
    font-size: 1.4em;

}

.cd-title .title-legend{
  position: relative;
  bottom: -12em;
}


.projects-container .cd-scroll{
  bottom: 5em;
}


.comment{
  background-color: transparent;
}

.comment blockquote p {
  font-style: italic;
}


.right-p{
  padding-top: 2em;
}

.mandela{
  padding-top: 5em;
}
@media only screen and (max-width: 40em) {


}


@media only screen and (min-width: 40em) and (max-width: 1024px) {


}


@media only screen and (min-width: 1025px) and (max-width: 1250px) {

  .cd-title{
    top: 46vh;
  }

  .cd-title p{
    font-size: 1em;
  }

  .cd-title .title-legend{
    bottom: -10em;
    font-size: .9em;
  }

  .projects-container .cd-scroll{
    bottom: 8em;
    font-size: .6em;
  }


}


@media only screen and (min-width: 1251px) and (max-width: 1440px) {

  .cd-title{
    top: 50vh;
  }

  .cd-title p{
    font-size: 1.2em;
  }

  .cd-title .title-legend{
    bottom: -6em;
    font-size: 1em;
  }

  .projects-container .cd-scroll{
    bottom: 7em;
    font-size: .8em;
  }

}




@media only screen and (min-width: 1441px) {

  p {
    font-size: 1.2em;
  }


}