html {
    font-family: 'LatoWeb', sans-serif;
}

a, a:hover {
    color: #b49254;
}

.biggest {
    font-family: 'LatoWebMedium', sans-serif;
    font-size: 120%;
}

.emph {
    color: #b49254;
}

.regular-italic {
    font-family: 'LatoWeb', sans-serif;
    font-style: italic;
}

.light-italic {
    font-family: 'LatoWebLight', sans-serif;
    font-style: italic;
}

.main-container {
    background: #FCF5EB;
}

.main-menu {
    background-color: #BBE9F8 !important;
}

.first-text {
    background-color: #F3DFBB;
    padding-bottom: 10px;
    text-align: center;
}

.logo {
    width: 40px;
}

.container-wide {
    margin: 0 auto;
}

.container-tight {
    max-width: 700px;
    margin: 0 auto;
}

.front-cover {
    height: 30vw;
    max-height: 350px;
}

.cover {
    min-height: 300px;
}

.thumb {
    width: 400px;
}

.portrait {
    border: 3px solid #f4e0bb;
    width: 380px;
}

.emph-box {
    background: #f4e0bb;
    text-align: justify;
}

.btn {
  background-color: #f4e0bb;
  border: 1px solid #f4e0bb;
  border-radius: 8px;
  color: #b49254;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.btn-white {
  background-color: white;
  border: 1px solid white;
  border-radius: 8px;
  color: #b49254;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}