#fond{
  background-image: url('/images/fond.jpg');
  background-size: cover;
  background-position: center;
}

#menu{
  display: contents;
}

.brand-main {
  font-family: 'Cinzel', serif;
  font-size: 1rem;
  line-height: 1.1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1f3d2b;
  word-break: break-word;
}

.brand-sub {
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.72rem;
  line-height: 1.1;
  letter-spacing: 0.08em;
  font-style: italic;
  color: #5c4632;
  word-break: break-word;
}

iframe {
  display: block;
}

/* TABLETTE */
@media (min-width: 640px) {
  .brand-main {
    font-size: 1.2rem;
    letter-spacing: 0.14em;
  }

  .brand-sub {
    font-size: 0.82rem;
    letter-spacing: 0.1em;
  }
}

/* DESKTOP */
@media (min-width: 1024px) {
  .brand-main {
    font-size: 1.5rem;
    letter-spacing: 3px;
  }

  .brand-sub {
    font-size: 0.95rem;
    letter-spacing: 2px;
  }
}