/* VARIABLES, MIXINS & FUNCTIONS */
/* Modify in .scss file */
html {
  font-size: 16px; }
  @media (min-width: 768px) {
    html {
      font-size: calc(16px + 8 * (100vw - 768px) / 1792); } }
  @media (min-width: 2560px) {
    html {
      font-size: 24px; } }

h1 {
  padding-bottom: 2em;
  padding-top: 2em; }
  @media (min-width: 20em) {
    h1 {
      padding-bottom: calc(2em + 2 * (100vw - 20em) / 50);
      padding-top: calc(2em + 2 * (100vw - 20em) / 50); } }
  @media (min-width: 70em) {
    h1 {
      padding-bottom: 4em;
      padding-top: 4em; } }

/* STYLES */
html {
  scroll-behavior: smooth; }

body {
  color: #303439;
  font-family: freight-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: light;
  margin: 0;
  text-align: center; }

h1 {
  color: #303439;
  font-family: sofia-pro-soft, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline; }

h2 {
  color: #303439;
  font-family: sofia-pro-soft, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0; }

h3 {
  color: #35D5C1;
  font-family: sofia-pro-soft, sans-serif;
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: 1px; }

p {
  margin-top: 1rem; }

#navbar-custom {
  background-color: #303439; }

#nav-link-custom li a {
  color: #fff;
  font-family: sofia-pro-soft, sans-serif;
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: .5rem .8rem; }
  #nav-link-custom li a:hover {
    color: #35D5C1;
    transition: all 0.3s ease; }

.logo {
  top: -50%;
  margin-left: 2vw;
  float: left;
  background: #303439; }

.navbar-toggler {
  border: none; }

.hambaga:hover {
  fill: #35D5C1;
  transition: all 0.3s ease; }

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none; }

.landing {
  height: 100vh;
  min-height: 500px;
  background-image: url("../img/planet.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .landing h1 {
    color: #35D5C1;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: -.1rem 0.2rem 0rem #304D4F; }
  .landing p {
    color: #fff;
    font-family: freight-sans-pro, sans-serif;
    font-size: 1rem;
    font-weight: light; }

@media only screen and (max-width: 1920px) {
  .landing {
    height: 80vh;
    min-height: 500px;
    background-image: url("../img/planet.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; } }

@media only screen and (max-width: 1280px) {
  .landing {
    height: 60vh;
    min-height: 500px;
    background-image: url("../img/planet.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; } }

@media only screen and (max-width: 768px) {
  .landing {
    height: 80vh;
    min-height: 500px;
    background-image: url("../img/planet_mobile.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; } }

@media only screen and (max-width: 576px) {
  .landing {
    height: 60vh;
    min-height: 500px;
    background-image: url("../img/planet_mobile.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .landing-text h1 {
    font-size: 12vw; } }

@media only screen and (min-width: 768px) {
  .landing-text {
    padding: 6vh; } }

section {
  padding: 2rem; }

.description {
  padding: 0 5rem 0 5rem; }

@media only screen and (max-width: 768px) {
  .description {
    padding: 0 2rem 0 2rem; } }

.icons {
  padding: 0 10vw 0 10vw; }

.icons img {
  max-width: 200px; }

@media only screen and (max-width: 768px) {
  .icons img {
    max-width: 156px; } }

.icons p {
  margin: .5rem; }

.about-us h2 {
  color: #303439;
  font-family: sofia-pro-soft, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 1px; }

.facts {
  background: #eeeeee; }
  .facts .description {
    margin: 1rem 0 0 0; }

.our-faces {
  background: #35D5C1; }
  .our-faces h3 {
    color: #fff;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 1px; }

.our-faces img {
  display: inline-block;
  box-sizing: content-box;
  margin-top: 1rem; }

.photos {
  padding: 0;
  min-width: 280px; }
  .photos h2 {
    color: #303439;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 1rem; }

.photos p {
  margin-top: 0; }

.why-us b {
  color: #35D5C1; }

.skills {
  width: 80%;
  padding: 3vw 0;
  max-width: 1440px; }

.jobs {
  background: #486485; }
  .jobs h1 {
    color: #fff;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px; }
  .jobs h2 {
    color: #fff;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px; }
  .jobs p {
    color: #fff;
    font-family: freight-sans-pro, sans-serif;
    font-size: 1rem;
    font-weight: light; }
  .jobs b {
    color: #35D5C1; }

.contact {
  background: #303439; }
  .contact h1 {
    color: #fff;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px; }
  .contact h3 {
    color: #35D5C1;
    font-family: sofia-pro-soft, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 1px; }
  .contact p {
    color: #fff;
    font-family: freight-sans-pro, sans-serif;
    font-size: 1rem;
    font-weight: light; }

.privacy {
  padding-top: 5rem; }
  .privacy p, .privacy h3, .privacy ul {
    text-align: left;
    padding: 0 5rem; }
  .privacy li {
    margin-left: 2rem; }
  .privacy a, .privacy a:link, .privacy a:visited, .privacy a:hover, .privacy a:active {
    color: #35D5C1; }
  .privacy back {
    margin-bottom: 5rem; }

@media only screen and (max-width: 768px) {
  .privacy {
    padding-left: 1rem;
    padding-right: 1rem; }
    .privacy p, .privacy h3, .privacy ul {
      padding: 0 1rem; } }

footer {
  background: #222529;
  color: #fff;
  display: flex;
  justify-content: center; }
  footer p {
    margin: 0.5rem; }
  footer b, footer a, footer a:link, footer a:visited, footer a:hover, footer a:active {
    color: #35D5C1; }