@media (min-width: 200px) {
  header .menu a {
    padding: 5px;
    height: 40px;
    width: 40px;
    font-size: 0.7rem;
  }

  .banner-top .banner-title h1 {
    font-size: 2.8rem;
  }

  .banner-top .banner-text p {
    font-size: 1.2rem;
  }

  .strategy .strategy-title {
    font-size: 2.8rem;
  }

  .strategy .products p {
    font-size: 1.2rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 2.8rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.2rem;
  }

  .projects .project-info .link a {
    font-size: 1.0rem;
  }

  .projects .capture {
    min-height: 300px;
    width: 100%;
  }

  .inside-project .project-title p {
    font-size: 2.8rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.0rem;
  }

  .information-project .sub-title p {
    font-size: 1.3rem;
  }

  footer .contact-title p {
    font-size: 2.8rem;
  }

  footer .contact-info p {
    font-size: 1.1rem;
  }

  footer .contact-info a {
    font-size: 1.1rem;
  }
}

@media (min-width: 300px) {
  header .menu a {
    padding: 5px;
    height: 40px;
    width: 40px;
    font-size: 0.7rem;
  }

  .banner-top .banner-title h1 {
    font-size: 2.8rem;
  }

  .banner-top .banner-text p {
    font-size: 1.2rem;
  }

  .strategy .strategy-title {
    font-size: 2.8rem;
  }

  .strategy .products p {
    font-size: 1.2rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 2.8rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.2rem;
  }

  .projects .project-info .link a {
    font-size: 1.0rem;
  }

  .projects .capture {
    min-height: 300px;
    width: 100%;
  }

  .inside-project .project-title p {
    font-size: 2.8rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.0rem;
  }

  .information-project .sub-title p {
    font-size: 1.3rem;
  }

  footer .contact-title p {
    font-size: 2.8rem;
  }

  footer .contact-info p {
    font-size: 1.2rem;
  }

  footer .contact-info a {
    font-size: 1.2rem;
  }
}

/* You might do landscape phones here if your content seems to need it */
@media (min-width: 450px) {
  header .menu a {
    padding: 5px;
    height: 40px;
    width: 40px;
    font-size: 0.7rem;
  }

  .banner-top .banner-title h1 {
    font-size: 3.2rem;
  }

  .banner-top .banner-text p {
    font-size: 1.3rem;
  }

  .strategy .strategy-title {
    font-size: 3.2rem;
  }

  .strategy .products p {
    font-size: 1.3rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 3.3rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.3rem;
  }

  .projects .project-info .link a {
    font-size: 1.1rem;
  }

  .projects .capture {
    min-height: 300px;
    width: 100%;
  }

  .inside-project .project-title p {
    font-size: 3.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.0rem;
  }

  .information-project .sub-title p {
    font-size: 1.3rem;
  }

  footer .contact-title p {
    font-size: 3.2rem;
  }

  footer .contact-info p {
    font-size: 1.3rem;
  }

  footer .contact-info a {
    font-size: 1.3rem;
  }
}

@media (min-width: 576px) {
  header .menu a {
    padding: 5px;
    height: 40px;
    width: 40px;
    font-size: 0.7rem;
  }

  .banner-top .banner-title h1 {
    font-size: 3.2rem;
  }

  .banner-top .banner-text p {
    font-size: 1.3rem;
  }

  .strategy .strategy-title {
    font-size: 3.2rem;
  }

  .strategy .products p {
    font-size: 1.3rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 3.3rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.3rem;
  }

  .projects .project-info .link a {
    font-size: 1.1rem;
  }

  .projects .capture {
    min-height: 350px;
    width: 100%;
  }

  .inside-project .project-title p {
    font-size: 3.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.0rem;
  }

  .information-project .sub-title p {
    font-size: 1.3rem;
  }

  footer .contact-title p {
    font-size: 3.2rem;
  }

  footer .contact-info p {
    font-size: 1.3rem;
  }

  footer .contact-info a {
    font-size: 1.3rem;
  }
}

/* Starting into tablets somewhere in here */
@media (min-width: 600px) {
  header .menu a {
    padding: 5px;
    height: 45px;
    width: 45px;
    font-size: 0.8rem;
  }

  .banner-top .banner-title h1 {
    font-size: 3.5rem;
  }

  .banner-top .banner-text p {
    font-size: 1.4rem;
  }

  .strategy .strategy-title {
    font-size: 3.5rem;
  }

  .strategy .products p {
    font-size: 1.4rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 3.5rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.4rem;
  }

  .projects .project-info .link a {
    font-size: 1.2rem;
  }

  .projects .capture {
    min-height: 350px;
    width: 100%;
  }

  .inside-project .project-title p {
    font-size: 3.5rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.0rem;
  }

  .information-project .sub-title p {
    font-size: 1.4rem;
  }

  footer .contact-title p {
    font-size: 3.5rem;
  }

  footer .contact-info p {
    font-size: 1.4rem;
  }

  footer .contact-info a {
    font-size: 1.4rem;
  }
}

/* Starting into tablets somewhere in here */
@media (min-width: 768px) {
  header .menu a {
    padding: 5px;
    height: 50px;
    width: 50px;
    font-size: 1.0rem;
  }

  .banner-top .banner-title h1 {
    font-size: 3.8rem;
  }

  .banner-top .banner-text p {
    font-size: 1.6rem;
  }

  .strategy .strategy-title {
    font-size: 3.8rem;
  }

  .strategy .products p {
    font-size: 1.6rem;
  }

  .products-list ul li {
    font-size: 1.0rem;
  }

  .projects .project-info .project-title p {
    font-size: 3.8rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.0rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.6rem;
  }

  .projects .project-info .link a {
    font-size: 1.3rem;
  }

  .projects .capture {
    min-height: 400px;
    width: 300px;
  }

  .inside-project .project-title p {
    font-size: 3.8rem;
  }

  .inside-project .project-title p a {
    font-size: 1.0rem;
  }

  .inside-project .project-text p {
    font-size: 1.0rem;
  }

  .pictures-project p {
    font-size: 1.0rem;
  }

  .inside-project .title-info p {
    font-size: 1.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.1rem;
  }

  .information-project .sub-title p {
    font-size: 1.6rem;
  }

  footer .contact-title p {
    font-size: 3.8rem;
  }

  footer .contact-info p {
    font-size: 1.6rem;
  }

  footer .contact-info a {
    font-size: 1.6rem;
  }
}

/* Starting into tablets somewhere in here */
@media (min-width: 900px) {
  header .menu a {
    padding: 8px;
    height: 60px;
    width: 60px;
    font-size: 1.1rem;
  }

  .banner-top .banner-title h1 {
    font-size: 4.0rem;
  }

  .banner-top .banner-text p {
    font-size: 1.8rem;
  }

  .strategy .strategy-title {
    font-size: 4.0rem;
  }

  .strategy .products p {
    font-size: 1.8rem;
  }

  .products-list ul li {
    font-size: 1.1rem;
  }

  .projects .project-info .project-title p {
    font-size: 4.0rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.1rem;
  }

  .projects .project-info .project-descent p {
    font-size: 1.8rem;
  }

  .projects .project-info .link a {
    font-size: 1.4rem;
  }

  .projects .capture {
    min-height: 500px;
    width: 300px;
  }

  .inside-project .project-title p {
    font-size: 4.0rem;
  }

  .inside-project .project-title p a {
    font-size: 1.1rem;
  }

  .inside-project .project-text p {
    font-size: 1.1rem;
  }

  .pictures-project p {
    font-size: 1.1rem;
  }

  .inside-project .title-info p {
    font-size: 1.8rem;
  }

  .inside-project .project-info p {
    font-size: 1.1rem;
  }

  .information-project .sub-title p {
    font-size: 1.8rem;
  }

  footer .contact-title p {
    font-size: 4.0rem;
  }

  footer .contact-info p {
    font-size: 1.8rem;
  }

  footer .contact-info a {
    font-size: 1.8rem;
  }
}

/* A bit bigger if you need some adjustments around here */
@media (min-width: 1100px) {
  header .menu a {
    padding: 10px;
    height: 70px;
    width: 70px;
    font-size: 1.2rem;
  }

  .banner-top .banner-title h1 {
    font-size: 4.2rem;
  }

  .banner-top .banner-text p {
    font-size: 2.0rem;
  }

  .strategy .strategy-title {
    font-size: 4.2rem;
  }

  .strategy .products p {
    font-size: 2.0rem;
  }

  .products-list ul li {
    font-size: 1.2rem;
  }

  .projects .project-info .project-title p {
    font-size: 4.2rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.2rem;
  }

  .projects .project-info .project-descent p {
    font-size: 2.0rem;
  }

  .projects .project-info .link a {
    font-size: 1.5rem;
  }

  .projects .capture {
    min-height: 500px;
    width: 400px;
  }

  .inside-project .project-title p {
    font-size: 4.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.2rem;
  }

  .inside-project .project-text p {
    font-size: 1.2rem;
  }

  .pictures-project p {
    font-size: 1.2rem;
  }

  .inside-project .title-info p {
    font-size: 2.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.2rem;
  }

  .information-project .sub-title p {
    font-size: 2.0rem;
  }

  footer .contact-title p {
    font-size: 4.2rem;
  }

  footer .contact-info p {
    font-size: 2.0rem;
  }

  footer .contact-info a {
    font-size: 2.0rem;
  }
}

/* Widescreens */
@media (min-width: 1500px) {
  header .menu a {
    padding: 10px;
    height: 70px;
    width: 70px;
    font-size: 1.2rem;
  }

  .banner-top .banner-title h1 {
    font-size: 4.2rem;
  }

  .banner-top .banner-text p {
    font-size: 2.0rem;
  }

  .strategy .strategy-title {
    font-size: 4.2rem;
  }

  .strategy .products p {
    font-size: 2.0rem;
  }

  .products-list ul li {
    font-size: 1.2rem;
  }

  .projects .project-info .project-title p {
    font-size: 4.2rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.2rem;
  }

  .projects .project-info .project-descent p {
    font-size: 2.0rem;
  }

  .projects .project-info .link a {
    font-size: 1.5rem;
  }

  .projects .capture {
    min-height: 500px;
    width: 400px;
  }

  .inside-project .project-title p {
    font-size: 4.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.2rem;
  }

  .inside-project .project-text p {
    font-size: 1.2rem;
  }

  .pictures-project p {
    font-size: 1.2rem;
  }

  .inside-project .title-info p {
    font-size: 2.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.2rem;
  }

  .information-project .sub-title p {
    font-size: 2.0rem;
  }

  footer .contact-title p {
    font-size: 4.2rem;
  }

  footer .contact-info p {
    font-size: 2.0rem;
  }

  footer .contact-info a {
    font-size: 2.0rem;
  }
}

/* Widescreens */
@media (min-width: 1920px) {
  header .menu a {
    padding: 10px;
    height: 70px;
    width: 70px;
    font-size: 1.2rem;
  }

  .banner-top .banner-title h1 {
    font-size: 4.2rem;
  }

  .banner-top .banner-text p {
    font-size: 2.0rem;
  }

  .strategy .strategy-title {
    font-size: 4.2rem;
  }

  .strategy .products p {
    font-size: 2.0rem;
  }

  .products-list ul li {
    font-size: 1.2rem;
  }

  .projects .project-info .project-title p {
    font-size: 4.2rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.2rem;
  }

  .projects .project-info .project-descent p {
    font-size: 2.0rem;
  }

  .projects .project-info .link a {
    font-size: 1.5rem;
  }

  .projects .capture {
    min-height: 600px;
    width: 500px;
  }

  .inside-project .project-title p {
    font-size: 4.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.2rem;
  }

  .inside-project .project-text p {
    font-size: 1.2rem;
  }

  .inside-project .title-info p {
    font-size: 2.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.2rem;
  }

  .pictures-project p {
    font-size: 1.2rem;
  }

  .information-project .sub-title p {
    font-size: 2.0rem;
  }

  footer .contact-title p {
    font-size: 4.2rem;
  }

  footer .contact-info p {
    font-size: 2.0rem;
  }

  footer .contact-info a {
    font-size: 2.0rem;
  }
}

/* Widescreens */
@media (min-width: 2420px) {
  header .menu a {
    padding: 10px;
    height: 70px;
    width: 70px;
    font-size: 1.2rem;
  }

  .banner-top .banner-title h1 {
    font-size: 4.2rem;
  }

  .banner-top .banner-text p {
    font-size: 2.0rem;
  }

  .strategy .strategy-title {
    font-size: 4.2rem;
  }

  .strategy .products p {
    font-size: 2.0rem;
  }

  .products-list ul li {
    font-size: 1.2rem;
  }

  .projects .project-info .project-title p {
    font-size: 4.2rem;
  }

  .projects .project-info .project-text p {
    font-size: 1.2rem;
  }

  .projects .project-info .project-descent p {
    font-size: 2.0rem;
  }

  .projects .project-info .link a {
    font-size: 1.5rem;
  }

  .projects .capture {
    min-height: 600px;
    width: 500px;
  }

  .inside-project .project-title p {
    font-size: 4.2rem;
  }

  .inside-project .project-title p a {
    font-size: 1.2rem;
  }

  .inside-project .project-text p {
    font-size: 1.2rem;
  }

  .inside-project .title-info p {
    font-size: 2.0rem;
  }

  .inside-project .project-info p {
    font-size: 1.2rem;
  }

  .pictures-project p {
    font-size: 1.2rem;
  }

  .information-project .sub-title p {
    font-size: 2.0rem;
  }

  footer .contact-title p {
    font-size: 4.2rem;
  }

  footer .contact-info p {
    font-size: 2.0rem;
  }

  footer .contact-info a {
    font-size: 2.0rem;
  }
}