@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&family=Raleway:wght@200;300;400;600;800;900&display=swap');
:root {
    text-underline-position: under;
  --bg-primary: #EFEBE9;
  --bg-secondary: #3E2723;
  --cta: #a67c52;
  --cta-secondary:  #c69c6d;
  --header-height: 100px;

}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font: inherit;
  list-style-type: none;
  font-family: 'Raleway', sans-serif;
  
}

a {
  text-decoration: none;
  transition: ease-in-out 500ms;
}


body {
  min-height: 100vh;
}

img, picture, svg, video {
  width: 100%;
  display: block;
  max-width: 100%;
}

input, textarea, button, select {
  font: inherit;
}
button {
  background-color: inherit;
}

.wrapper {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 1100px) {
  .wrapper {
    width: 100%;
    max-width: 100%;
  }
}