.s3 {
  padding-top: 8%;
}

.s3-Title {
  font-family: 'Playfair Display';
  font-size: 45pt;
  margin-bottom: 0px;
}

.s3-postTitle {
  font-family: 'Roboto';
  font-size: 16pt;
  font-weight: 500;
  color: black;
  line-height: .7em;
}

.s3-postTitle:hover {
  text-decoration: none;
  color: grey;
}

.cvButton, .moreButton {
  font-family: 'Playfair Display';
  font-size: 16pt;
  background-color: white;
  color: black;
  border-radius: 0px;
  border-width: 4px;
  border-color: #4DFFCF;
  text-align: center;
}

.cvButton:hover, .moreButton:hover {
  color: black;
  background-color: #4DFFCF;
  border-color: #ffffff;
  transition: .5s;
}

.s3-postTitleContainer {
  padding-bottom: 5px;
  padding-top: 25px;
  margin-bottom: 0px;
  line-height: .8em;
}

.s3-moreButtonContainer {
  padding-top: 7%;
  padding-bottom: 7%;
}

.s3-blogImage {
  width: 90%;
}

.s4 {
  padding-top: 8%;
  padding-bottom: 5%;
}

.s5-footerRights {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 12pt;
  text-align: right;
  margin-bottom: 0px;
}

.s4-input {
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 14pt;
}

.s1-followButton {
  width: 30px;
  height: 30px;
  background-color: white;
  border-width: 0px;
  border-radius: 0px;
  padding-bottom: 18px;
}

@media (min-width: 992px) {
  .s1-followButton {
    width: 40px;
    height: 40px;
  }
}

.s1-followButton:hover {
  background-color: white;
  opacity: .6;
  cursor: pointer;
  transition: .2s;
}

.twitter, .linkedIn, .BehanceButton, .DribbleButton {
  background-size: 100% auto;
  margin-right: 15px;
}

.TwitterButton {
  background-image: url(dribbble.png;
}

.linkedInButton {
  background-image: url(../../assets/img/linkedin@2x.png);
}

.linkedIn {
  background-image: url(../../assets/img/linkedin@2x.png);
}

.s1-aboutInfoCopy {
  font-family: 'Roboto';
  font-size: 14pt;
  font-weight: 300;
  line-height: 1.2em;
  padding-top: 2%;
  padding-bottom: 0px;
  margin-bottom: 1%;
}

@media (min-width: 992px) {
  .s1-aboutInfoCopy {
    font-size: 16pt;
    line-height: 1.5em;
    padding-top: 5%;
    padding-bottom: 1%;
  }
}

.s1-aboutTitle, .s1-aboutSubhead {
  font-family: 'Playfair Display';
  font-weight: 800;
}

.s1-aboutTitle {
  font-size: 25pt;
  margin-bottom: 0px;
  line-height: 1em;
}

@media (min-width: 992px) {
  .s1-aboutTitle {
    font-size: 45pt;
  }
}

.projectTitle {
  text-align: left;
}

.s3-subhead {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 16pt;
}

.s4-title {
  font-family: 'Playfair Display';
  font-size: 45pt;
  font-weight: 900;
  letter-spacing: -3px;
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .s4-title {
    font-family: 'Playfair Display';
    font-size: 95pt;
    font-weight: 900;
    letter-spacing: -10px;
    margin-bottom: 0px;
    line-height: .8em;
  }
}

.s4-subhead {
  font-size: 16pt;
}

.s4-copy, .s4-subhead {
  font-family: 'Roboto';
  font-weight: 300;
}

.s4-copy {
  font-size: 14pt;
  padding-top: 0%;
}

@media (min-width: 992px) {
  .s4-copy {
    font-size: 14pt;
    padding-top: 8%;
  }
}

.s4-contactLink {
  font-family: 'Playfair Display';
  font-weight: 700;
  font-size: 16pt;
  color: black;
}

.s4-contactLink:hover {
  text-decoration: none;
  color: #4DFFCF;
  cursor: pointer;
}

.s5-footer {
  padding-bottom: 2%;
}

s1-aboutInfo {
  padding-left: 5%;
  padding-right: 5%;
}

.s1-profileImage {
  width: 100%;
}

.s1 {
  /*padding-top: 1%;*/
}

.s1-aboutSubhead {
  font-size: 14pt;
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .s1-aboutSubhead {
    font-size: 18pt;
  }
}

@media (min-width: 992px) {
  .s1-aboutSubhead {
    font-size: 25pt;
  }
}

.s1-aboutInfo {
  padding-top: 0px;
  text-align: center;
}

@media (min-width: 992px) {
  .s1-aboutInfo {
    padding-top: 5%;
  }
}

.BehanceButton {
  background-image: url(behance.png);
}

.DribbleButton {
  background-image: url(dribbble.png);
}

.twitter {
  background-image: url(../../assets/img/twitter@2x.png);
}

.s1-cvButtonContainer {
  padding-top: 5%;
  padding-bottom: 2%;
}

.s5-footerSocialLink {
  font-family: 'Roboto';
  font-size: 12pt;
  font-weight: 300;
  color: black;
  margin-right: 10px;
}

.s5-footerSocialLink:hover {
  text-decoration: none;
  color: grey;
  cursor: pointer;
}

@media (min-width: 992px) {
  .s1-aboutTitle {
    font-size: 95pt;
  }
}

.s1-followTitle {
  font-family: 'Roboto';
  font-size: 12pt;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .s1-followTitle {
    font-size: 16pt;
    margin-bottom: 15px;
  }
}

.s2-projectStatus, .s2-projectsTitle, .s2-projectTech {
  text-align: left;
  padding-left: 0px;
}

.s2-projectStatus {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 12pt;
  color: grey;
  padding-top: 4%;
  margin-bottom: 0px;
}

.s2-projectTitle {
  font-family: 'Playfair Display';
  font-size: 20pt;
  font-weight: 700;
  margin-bottom: 0px;
}

.s2-projectTech {
  font-family: 'Roboto';
  font-size: 14pt;
  font-weight: 300;
  color: grey;
  margin-bottom: 0px;
  padding-bottom: 4%;
}

.s2-projectLink {
  background-color: white;
  border-width: 4px;
  border-color: #4DFFCF;
  border-radius: 0px;
  font-family: 'Playfair Display';
  font-size: 16pt;
  color: black;
}

.s2-soonprojectLink {
  background-color: white;
  border-width: 4px;
  border-color: rgba(77,255,207,0.25);
  border-radius: 0px;
  font-family: 'Playfair Display';
  font-size: 16pt;
  color: rgb(165,165,165);
  opacity: .8;
}

.s2-soonprojectLink:hover {
  background-color: white;
  border-width: 4px;
  border-color: rgba(77,255,207,0.25);
  border-radius: 0px;
  font-family: 'Playfair Display';
  font-size: 16pt;
  color: rgb(165,165,165);
  opacity: .8;
}

.s2-projectLink:hover {
  color: black;
  text-decoration: none;
  background-color: #4DFFCF;
  border-color: white;
}

.s2-title {
  font-family: 'Playfair Display';
  font-size: 35pt;
  padding-top: 5%;
}

.s2-subhead {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 16pt;
  color: grey;
}

.s2-projectImage:hover {
  -webkit-box-shadow: 0px 3px 26px 0px rgba(186,186,186,1);
  -moz-box-shadow: 0px 3px 26px 0px rgba(186,186,186,1);
  box-shadow: 0px 3px 26px 0px rgba(186,186,186,1);
  cursor: pointer;
  transition: .3s;
}

.logo {
  font-family: 'Montserrat';
  font-size: 30pt;
  font-weight: 900;
  color: #4DFFCF;
}

.projectPage-Section {
  padding-bottom: 2%;
  overflow-x: hidden;
}

.projectPage-headerTitleContainer {
  text-align: center;
}

.projectPage-Title {
  font-family: 'Playfair Display';
  font-weight: 800;
  font-size: 50pt;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .projectPage-Title {
    font-size: 55pt;
  }
}

.projectPage-Subtitle {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 20pt;
  color: grey;
  padding-bottom: 2%;
  margin-bottom: 0px;
}

.projectPage-ResponsabilitiesTitle {
  font-family: 'Playfair Display';
  font-size: 30pt;
  font-weight: 700;
}

.projectPage-Separator {
  height: 4px;
  background-color: #4dffcf;
  border-style: none;
}

.projectPage-Responsabilities {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 18pt;
  padding-bottom: 2%;
  padding-top: 2%;
}

.projectPage-Description {
  font-family: 'Roboto';
  font-size: 16pt;
  font-weight: 300;
  padding-top: 5%;
  padding-bottom: 5%;
}

.projectPage-imageContainer {
  padding-bottom: 5%;
  text-align: center;
}

.projectPage-SupportImageContainer {
  text-align: center;
  width: 100%;
  padding-bottom: 5%;
}

.projectPage-SupportImage {
  width: 100%;
}

.projectPage-SupportTextContainer {
  width: 100%;
  background-color: #4dffcf;
  padding: 8% 8%;
  text-align: center;
}

.projectPage-SupportText {
  font-family: 'Playfair Display';
  font-weight: 500;
  font-size: 18pt;
  line-height: 1.3em;
  color: #161616;
}

@media (min-width: 768px) {
  .projectPage-SupportText {
    font-size: 25pt;
    line-height: 1.5em;
  }
}

.projectPageHeaderImage {
  width: 100%;
}

.projectPage-SamplesTitleContainer {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 0%;
}

.projectsPage-SamplesTitle {
  font-family: 'Playfair Display';
  font-size: 30pt;
  font-weight: 700;
}

.projectPage-SamplesImageContainer {
  width: 100%;
  text-align: center;
}

.projectPage-SampleImage {
  width: 100%;
}

.projectPage-SamplesContainer {
  padding-bottom: 5%;
}

.social-iconsTitle {
  font-family: 'Playfair Display';
  font-size: 30pt;
}

.social-iconsSubhead {
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 16pt;
  padding-bottom: 2%;
}

.previousnextproject-Button {
  width: 100%;
  background-color: white;
  color: lightgrey;
  font-family: 'Roboto';
  font-size: 18pt;
  font-weight: 500;
  padding: 12% 12%;
  border-radius: 0px;
  border-width: 0px;
  margin: 0px;
}

.previousnextproject-Button:hover {
  width: 100%;
  background-color: #4dffcf;
  color: black;
  font-size: 18pt;
  font-weight: 500;
  padding: 12% 12%;
  border-radius: 0px;
  border-width: 0px;
  transition: .2s;
}

.previousnext-ButtonsContainer {
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  padding-bottom: 5%;
  margin: 0px;
  overflow-x: hidden;
}

.previousnext-ButtonsColumn {
  padding: 0px;
  width: 100%;
}

.previousnext-ButtonIcon {
  font-size: 18pt;
  padding-left: 15px;
  padding-right: 15px;
}

.previousnext-ButtonsRow {
  width: 100%;
  margin: 0px;
}

.nextprevious-ButtonsSection {
  width: 100%;
}

.projectPage-SeparatorShort {
  height: 4px;
  width: 100px;
  background-color: #4dffcf;
  border-style: none;
}