/* DUTCH CSS Document of Projects-Page */
@font-face {
  font-family: 'Slate W01';
  font-style: normal;
  font-weight: normal;
  src: local("Slate W01"), url("https://robintepe.nl/assets/slatew01/000ce4b4252ddad9fae589f5dab448b5.woff") format("woff"); }
@font-face {
  font-family: 'Slate W01 Medium';
  font-style: normal;
  font-weight: normal;
  src: local("Slate W01 Medium"), url("https://robintepe.nl/assets/slatew01/1fef7d1af7889bee6c72b76d49ca53c3.woff") format("woff"); }
@font-face {
  font-family: 'Slate W01 Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Slate W01 Bold"), url("https://robintepe.nl/assets/slatew01/b81bb83abecd8eb743a1c7f9183d3047.woff") format("woff"); }
.projects {
  text-align: center; }
  .projects .content {
    position: relative;
    display: inline-block;
    max-width: 300px;
    min-height: 454px;
    padding: 30px;
    margin: 16px;
    border-radius: 15px;
    background-color: #EDF0FA; }
    .projects .content img {
      width: 100%;
      height: 230px;
      transition: 0.3s;
      opacity: 1; }
      .projects .content img:hover {
        opacity: 0.7;
        cursor: pointer; }
    .projects .content .description {
      margin-top: 30px;
      text-align: left;
      float: left; }
    .projects .content .btn-sa {
      position: absolute;
      bottom: 30px;
      border: 3px solid #616875; }
    .projects .content a:link {
      text-decoration: none;
      display: flex;
      justify-content: space-around; }
  @media screen and (max-width: 720px) {
    .projects .content {
      min-height: 0;
      padding: 20px;
      margin: 16px 0px; }
      .projects .content .btn-sa {
        position: relative;
        bottom: 0px;
        font-size: 17px; } }

.section {
  margin-bottom: 70px;
  display: flex; }
  .section .right, .section .left {
    width: 50%; }
  .section .right {
    float: right;
    padding: 25px 0 25px 25px; }
  .section .left {
    float: left;
    padding: 25px 25px 25px 0; }
  .section .addResponsive {
    display: none; }

@media screen and (max-width: 650px) {
  .section {
    display: inline-block; }
    .section .right, .section .left {
      display: inline-block;
      width: 100%;
      padding: 20px 0; }
    .section .addResponsive {
      display: block; }
    .section .removeResponsive {
      display: none; } }
.testimonials {
  text-align: center; }
  .testimonials .testimonial {
    text-align: left;
    position: relative;
    display: inline-block;
    max-width: 300px;
    padding: 30px;
    margin: 16px;
    border-radius: 15px;
    background: #F5F5F5;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.1); }
    .testimonials .testimonial p {
      margin-top: 0; }
    .testimonials .testimonial .person .name a {
      font-weight: 600;
      color: #3C424F; }
    .testimonials .testimonial .person .function {
      color: #A2A6B1; }

.brands {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 70px; }
  .brands img {
    height: 180px;
    margin: 20px; }

@media screen and (max-width: 580px) {
  .brands {
    margin: 30px 0px 20px; }
    .brands img {
      width: 290px;
      height: auto;
      margin: 10px; } }