@font-face {
  font-family: 'Caviar Dreams';
  src: url('../fonts/CaviarDreams.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Caviar Dreams';
  src: url('../fonts/CaviarDreams_Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Caviar Dreams';
  src: url('../fonts/CaviarDreams_Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Caviar Dreams';
  src: url('../fonts/CaviarDreams_BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

body {
	/* background-color: #282317; */
	background-color: rgb(237, 234, 228);
	color: #ffffff99;
}

.logo-responsive {
  max-width: 80vw;
  height: auto;
  width: auto;
  max-height: 60vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #84754e;
	font-family: 'Caviar Dreams', sans-serif;
}

@media (max-width: 600px) {
  h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 400px) {
  h1 {
    font-size: 1.1rem;
  }
}