@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600&display=swap");
*, *:before, *:after {
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}
a:visited {
  color: inherit;
}
a:active {
  color: inherit;
}

@-webkit-keyframes we_are {
  0% {
    content: "We are 🇬🇧";
  }
  10% {
    content: "Nous sommes 🇫🇷";
  }
  20% {
    content: "Wir sind 🇩🇪";
  }
  30% {
    content: "Somos 🇪🇸";
  }
  40% {
    content: "είμαστε 🇬🇷";
  }
  50% {
    content: "Siamo 🇮🇹";
  }
  60% {
    content: "We zijn 🇱🇺";
  }
  70% {
    content: "Vi er 🇫🇮";
  }
  80% {
    content: "Estamos 🇵🇹";
  }
  90% {
    content: "Mi smo dobro 🇭🇷";
  }
  100% {
    content: "Vi mår bra 🇸🇪";
  }
}

@keyframes we_are {
  0% {
    content: "We are 🇬🇧";
  }
  10% {
    content: "Nous sommes 🇫🇷";
  }
  20% {
    content: "Wir sind 🇩🇪";
  }
  30% {
    content: "Somos 🇪🇸";
  }
  40% {
    content: "είμαστε 🇬🇷";
  }
  50% {
    content: "Siamo 🇮🇹";
  }
  60% {
    content: "We zijn 🇱🇺";
  }
  70% {
    content: "Vi er 🇫🇮";
  }
  80% {
    content: "Estamos 🇵🇹";
  }
  90% {
    content: "Mi smo dobro 🇭🇷";
  }
  100% {
    content: "Vi mår bra 🇸🇪";
  }
}
body {
  background: #124e59;
}

.return {
  color: #EFF1F3;
  background: #124e59;
  width: 100%;
  position: fixed;
  top: 0;
  padding: 10px;
  text-transform: uppercase;
  transition: all 0.3s ease-in;
}
.return::before {
  font: var(--fa-font-solid);
  content: "\f053";
}
.return:hover {
  font-weight: bolder;
}

h1 {
  text-transform: uppercase;
  text-align: center;
  margin-top: 30px;
  color: #EFF1F3;
  margin-top: 50px;
}

.container-fluid {
  width: 90%;
  margin: auto;
  padding: auto;
  color: #EFF1F3;
}
.container-fluid .form-group {
  margin: auto;
  margin-bottom: 10px;
}
.container-fluid button {
  font-size: 1.2em;
  margin: auto;
}

#pre_phone {
  height: 40px;
}

footer {
  color: #EFF1F3;
  width: 90%;
  font-size: 1.2em;
  border: solid #EFF1F3 3px;
  padding: 15px;
  margin: 50px auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .socials_container {
  font-size: 1.6em;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 767px) {
  input {
    width: 300px;
  }
  footer {
    width: 60%;
  }
}
@media screen and (min-width: 1280px) {
  .return {
    font-size: 1.2em;
  }
  footer {
    width: 40%;
  }
}/*# sourceMappingURL=contact.css.map */