@import '../css/fontawesome.min.css';
@import '../css/bootstrap.min.css';
html {
  scroll-behavior: smooth; }

a, button {
  outline: none !important; }

#menu-main {
  white-space: nowrap;
  padding: 4rem 0 3rem 0; }
  #menu-main > .container {
    justify-content: center; }
  @media (max-width: 767px) {
    #menu-main .logo-wrapper {
      width: 100%; } }
    #menu-main .logo-wrapper .logo img {
      width: 121px; }
  .btn.btn-primary {
    border-radius: 0;
    background-color: #00b3ff;
    border-color: #00b3ff; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    text-decoration: none; }

.btn.contact-button {
  margin-top: 0.5rem; }

.content {
  color: #35373d; }
  .content #header {
    background-image: url("../img/homepage/slogan.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
    background-position-y: bottom;
    min-height: 44rem; }
    .content #header h1 {
      font-weight: bold;
      text-transform: uppercase; }
    .content #header h2 {
      font-size: 1.5rem; }
    .content #header .blue {
      color: #00b3ff; }
  .content > div {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media (min-width: 768px) {
  .content > div {
    padding-top: 3rem;
    padding-bottom: 3rem; } }
    .content > div:first-child {
      padding-top: 0; }
  .content #contact {
    background-color: #ececed;
    padding-top: 6rem;
    padding-bottom: 6rem; }
    .content #contact h2 {
      color: #00b3ff; }
    .content #contact form label {
      margin-top: 1rem;
      font-weight: bold; }
      .content #contact form label sup {
        color: #f00; }
      .content #contact form input, .content #contact form textarea {
        border-radius: 0;
        border: none; }
      .content #contact form .btn {
        margin-top: 2rem; }

footer {
  color: white;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #35373d;
  min-height: 28rem; }
  @media (max-width: 767px) {
  footer {
    min-height: 30rem; } }
  @media (max-width: 767px) {
    footer #address {
      margin-top: 3rem; } }
    footer #address p {
      margin-bottom: 0; }
    footer #address a {
      color: white; }
      footer #address a:hover {
        color: white; }