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

html {
      font-size: 100%;
}

body {
      font-family: Smokum,"Lucida Console", Monaco;
      color: black;
      text-align: center;
      margin-top: 5px;
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 5px;
}

.ranch {
      position: relative;
      height: 100vh;
      width: 100%;
      color: black;
      font-family: Smokum,"Lucida Console", Monaco;
      font-size: 18px;
      background-image: url("images/abstract-antique-background-board-adj.jpg");
      background-size: cover;
}

.ranch::before {
      content: "";
      position: absolute; 
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      background-color: rgba(219,208,196,0.20);
}

h1 {
      position: relative;
      text-align: center;
      color: black; 
      font-family: Smokum,"Lucida Console", Monaco;
      font-weight: bold;
      font-size: 2rem;
}

h2 {
      position: relative;
      text-align: center;
      font-family: Smokum,"Lucida Console", Monaco;
      font-weight: bold;
      font-size: 1rem;
}