@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.eot");
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.eot?#iefix") format("embedded-opentype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.woff2") format("woff2"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.woff") format("woff"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.ttf") format("truetype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans.svg#OpenSans") format("svg");
  font-weight: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.eot");
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Bold.svg#open_sansbold") format("svg");
  font-weight: bold;
}
@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.eot");
  src: url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.ttf") format("truetype"), url("https://cdn.meta-video.fr/resources/fonts/OpenSans/OpenSans-Light.svg#OpenSans") format("svg");
  font-weight: lighter;
}
body,
input,
textarea,
h1,
h2,
h3,
h4,
a,
p,
input,
textarea,
select,
.selectize-input {
  font-weight: normal;
  font-family: OpenSans;
}

h2 {
  font-size: clamp(8px, 2vw, 40px);
}
@media (max-width: 700px) {
  h2 {
    font-size: clamp(8px, 6vw, 40px);
  }
}

h3,
h4 {
  font-size: clamp(8px, 1.5vw, 30px);
}
@media (max-width: 700px) {
  h3,
  h4 {
    font-size: clamp(8px, 4vw, 30px);
  }
}

body,
input,
textarea,
a,
p,
input,
textarea,
select,
.selectize-input {
  font-size: clamp(8px, 1em, 20px);
}
@media (max-width: 700px) {
  body,
  input,
  textarea,
  a,
  p,
  input,
  textarea,
  select,
  .selectize-input {
    font-size: clamp(8px, 4vw, 20px);
  }
}

.title {
  font-weight: normal;
  font-family: OpenSans;
  min-height: 0;
  color: rgb(119, 119, 119);
}

.navbar .navbar-brand {
  height: auto;
}
.navbar .navbar-brand .logo {
  width: 100px;
  padding: 0.5rem 0;
}
@media (max-width: 700px) {
  .navbar .navbar-brand .nav-link {
    padding: 0;
  }
}
.navbar .navbar-translate {
  width: 25%;
  margin-top: 2vh;
}
.navbar .titleButton {
  font-weight: 400;
}
@media (max-width: 700px) {
  .navbar .titleButton {
    display: none;
  }
}

@media (max-width: 991px) {
  .dropdown-menu.show {
    position: absolute;
    right: 0;
    left: unset;
  }
}

body > .footer {
  background-color: rgba(246, 246, 246, 0.9);
}

@media (max-width: 700px) {
  .dropdown-item .material-icons {
    margin-right: 10px;
  }
}