@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

*,
*:after,
*:before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

html {
  --cor-principal: #78000B;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  color: var(--cor-principal);
  font-size: clamp(10px,1.6vw,34px);
}


body {
  min-width: 320px;
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
}

img {
  border: none;
  max-width: 100%;
}


a {
  display: inline-block;
  text-decoration: none;
}

main {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.logo-basteck {
  width: 33vw;
    height: auto;
    min-width: 300px;
}

address {
  text-align: center;
  line-height: 200%;
  margin-top: 6%;
  padding: 0 5vw;
}

.contatos {
  display: flex;
  margin-top: 5%;
  column-gap: 4vw;
}

.link {
  color: var(--cor-principal);
  display: flex;
  align-items: center;
  column-gap: 1vw;
}

.logo-wickbold {
  
  width: 11.2vw;
  height: auto;
  min-width: 142px;
}