header {
  background-color: #221F20;
  padding: 0 0 auto;
  padding-bottom: 4em;
}
header .gif {
  padding-top: 4em;
}
header h1 {
  font-family: fp-dancer-serif, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #F37121;
  font-size: 3em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
header p {
  font-family: "helvetica-lt-pro", sans-serif;
  color: white;
  font-size: 1em;
  margin-bottom: 1.6em;
  line-height: 2em;
}
@media (min-width: 768px) {
  header h1 {
    font-size: 4em;
  }
  header p {
    font-size: 1.2em;
  }
}

nav {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
nav .nav-item {
  list-style: none;
  text-align: center;
}
nav .nav-item .nav-link {
  text-decoration: none;
  font-size: 10pt;
  color: white;
}
nav .nav-item .nav-link:hover {
  color: #00A6AE;
}
nav .logo {
  margin-top: 1em;
  margin-left: 1em;
}

main h1 {
  font-family: fp-dancer-serif, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #00A6AE;
  font-size: 3em;
  padding-top: 2.5em;
  padding-bottom: 0.5em;
}
main p {
  font-family: "helvetica-lt-pro", sans-serif;
  font-size: 1.2em;
  padding-bottom: 4em;
}
main h2 {
  font-family: fp-dancer-serif, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #00A6AE;
  font-size: 2em;
  margin-bottom: 1em;
}

.home {
  margin-bottom: 10em;
}
.home li {
  list-style: none;
  position: relative;
  margin-bottom: 3em;
}
.home p {
  padding-bottom: 0em;
  color: white;
  font-size: 1.2em;
  margin-bottom: 2em;
}
.home h3 {
  font-family: fp-dancer-serif, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #00A6AE;
  font-size: 1.8em;
}
.home a {
  background-color: #221F20;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 1em;
  font-size: 1.2em;
  margin-left: 2.3em;
  margin-top: 2em;
}
.home a:hover {
  background-color: #00A6AE;
}
.home div {
  position: absolute;
  top: 9em;
  left: 2.5em;
  height: 100%;
}
@media (min-width: 768px) {
  .home {
    display: flex;
  }
  .home div {
    top: 3em;
  }
  .home div h3 {
    font-size: 1.5em;
  }
  .home div p {
    font-size: 1em;
  }
  .home div a {
    font-size: 0.8em;
  }
}
@media (min-width: 992px) {
  .home div {
    top: 4em;
  }
  .home div h3 {
    font-size: 2em;
  }
  .home div p {
    font-size: 1.2em;
  }
  .home div a {
    font-size: 1em;
  }
}
@media (min-width: 1250px) {
  .home div {
    top: 8em;
  }
  .home div h3 {
    font-size: 2em;
  }
  .home div p {
    font-size: 1.2em;
  }
  .home div a {
    font-size: 1em;
  }
}

footer {
  background-color: #221F20;
  padding-bottom: 3em;
}
footer .footer-img img {
  padding-top: 3em;
  margin-bottom: 3em;
}
footer ul li {
  list-style: none;
  text-align: center;
}
footer ul li a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 3em;
  text-align: center;
}
footer ul li a:hover {
  color: #00A6AE;
}
@media (min-width: 768px) {
  footer {
    display: flex;
  }
  footer ul {
    margin-top: 2em;
    padding-bottom: 2em;
  }
  footer ul li {
    text-align: left;
  }
}

.copy {
  font-family: "helvetica-lt-pro", sans-serif;
  font-size: 0.8em;
  padding-left: 2em;
  padding-top: 0.5em;
}

.clients div {
  top: 1em;
  left: 2.5em;
  height: auto;
}
.clients div p {
  padding: 2em;
  color: white;
  line-height: 2em;
  margin-top: -1em;
  font-size: 1em;
}
.clients .autodesk {
  background-color: #00A6AE;
}
.clients .lunexus {
  background-color: #335DAA;
}
@media (min-width: 768px) {
  .clients img {
    height: 100px;
  }
}

.about {
  margin-bottom: 6em;
}
.about h2 {
  margin-top: 3em;
}
.about p {
  line-height: 2em;
  font-size: 1em;
  padding-bottom: 0.5em;
}
.about .why p {
  line-height: 2em;
  font-size: 1em;
  padding-bottom: 0.5em;
}
.about .why a {
  color: #F37121;
}
.about .why img {
  margin-bottom: 3em;
}
.about p {
  line-height: 2em;
}
.about .team li {
  list-style: none;
}
.about .team li h4 {
  margin-top: 2em;
}
.about .mot {
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .about h2 {
    margin-top: 1em;
  }
  .about .mot {
    margin-bottom: 1.5em;
  }
  .about .why {
    display: flex;
    margin-bottom: 0.5em;
  }
  .about .why img {
    height: 100%;
  }
  .about .team {
    display: flex;
  }
}

.contact img {
  padding-top: 4em;
  padding-bottom: 4em;
}
.contact form {
  background-color: #A757A2;
  border-radius: 4em;
  padding: 1em;
  margin-top: 4em;
  padding-top: 3em;
  margin-bottom: 4em;
}
.contact form label {
  font-family: "helvetica-lt-pro", sans-serif;
  color: white;
  font-size: 1.2em;
  padding-bottom: 0.7em;
}
.contact form input {
  border: none;
  border-bottom: 1px solid white;
  background-color: #A757A2;
  margin-bottom: 3em;
}
.contact form textarea {
  border: 1px solid white;
  background-color: #A757A2;
  height: 12em;
  margin-bottom: 3em;
}
.contact form .button {
  background-color: white;
  color: #A757A2;
  font-family: "helvetica-lt-pro", sans-serif;
  border-radius: 2em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.contact form .button:hover {
  background-color: #00A6AE;
  color: white;
}
@media (min-width: 768px) {
  .contact {
    display: flex;
    padding: 5em;
    padding-left: 0;
  }
}

.blog {
  margin-top: 5em;
  margin-bottom: 5em;
}
.blog a {
  color: #F37121;
}

.approach {
  margin-top: 3em;
}
.approach img {
  margin-top: 3em;
}
.approach p {
  line-height: 2em;
  margin-top: 2em;
  font-size: 1em;
}
.approach li {
  font-family: "helvetica-lt-pro", sans-serif;
  font-size: 1.2em;
  line-height: 2em;
}
@media (min-width: 768px) {
  .approach p {
    font-size: 1.2em;
  }
}

.buffer {
  margin-bottom: 12em;
}

.navbar-toggler-icon {
  color: #00A6AE;
}/*# sourceMappingURL=main.css.map */