.VandelviraRegular {
  font-family: VandelviraRegular;
}

body, p {
  font-family: "VandelviraRegular";
  font-size: 1.5rem;
}

/* Style the links inside the dropdown */
.navbar-collapse a {
  float: none;
  padding: 10px 12px;
  display: block;
  text-align: left;
  font-family: "Avenir","Helvetica Neue";
}

header.masthead{
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(92,77,66,.6)),to(rgba(92,77,66,.6))),url("../img/bg-masthead.jpg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

header.masthead h1 {
  font-family: "VandelviraRegular";
  font-variant-caps: small-caps;
  font-size: 4rem;
  font-feature-settings: "swsh" 1;
}

@media (min-width: 300px) and (max-width: 600px) {
  header.masthead {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 77, 66, 0.8)), to(rgba(92, 77, 66, 0.8))), url("../img/bg-masthead-vert.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* Style the tab */
.tab {
  overflow: hidden;
  /*border: 1px solid #ccc;
  background-color: #f1f1f1;*/
}

/* Style the buttons inside the tab */
.tab button {
  /*background-color: inherit;*/
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 1.5rem;
  margin: 5px;
  border-radius: 5rem;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: red;
  border-color: yellow;
  color: black;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: yellow;
  color: black !important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 12px;
  border: 1px solid #ccc;
  border-top: none;
  border-right: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "VandelviraRegular";
  font-feature-settings: "swsh" 1;
}