How to make header logo smaller

Add the following wherever you prefer to add custom CSS (Jetpack, Child Theme, etc.)

how do i make it a normal size?

#logo-image {
  max-width: 12em;
  width: 100%;
}

You can adjust the max-width until you get it where you’d like, that is just a quick example.

also how do i hide the title and tagline from the page?

.title-container {
  text-indent: -9999px;
  display: block;
  height: 0;
  margin-bottom: 0;
}