@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap");
:root {
  --bs-font-sans-serif: "Montserrat", sans-serif;
  --bs-body-font-size: 1.5rem;
  --bs-body-font-weight: 500;
  --bs-body-line-height: 1;
}

html {
  min-height: 100vh;
}

body {
  background-color: #343232;
  background-image: url("../images/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.clubes img.logo-clube-do-pintor {
  width: 100%;
  max-width: 236px;
  margin-bottom: 7px;
}

.clubes img.logo-clube-do-vendedor {
  width: 100%;
  max-width: 323px;
}

h1,
.h1 {
  font-family: "hanson";
}

h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}

.h7 {
  font-size: calc(0.7rem + 1.5vw);
  font-weight: 500;
  line-height: 1;
}

@media (min-width: 1200px) {
  .h7 {
    font-size: 1.45rem;
  }
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  line-height: 0.85;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 6.5rem;
  }
}