html, body {
 height: 100%;
 font-family: "Roboto", sans-serif;
 font-size: 16px;
 scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif; 
}

h1{
 font-size: 48px;
 padding-top: 72px;
 padding-bottom: 24px;
}

h2{font-size:40px}
h3{font-size:32px}
h4{font-size:28px}
h5{font-size:24px}
h6{font-size:18px}

.lead {
  font-size:18px;
}

.hero { 
  height: 100vh;
  background-image: url("/img/livia-yoga/background.jpg"); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* gray-600 color from bootstap as background */
/* $gray-600: #6c757d !default; */
.hero::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(108,118,125,0.5);
}

.font-hero{
  font-family: "Tangerine", cursive;
  font-size: 12vw;
}
.font-subhero{
  font-family: "Tangerine", cursive;
  font-size: 5vw;
}

.padding-subhero{
  padding-top: 18vw;
}

.font-navbar{
  font-family: "Tangerine", cursive;
  font-size: 48px;
}

/* prevent empty column collapse */
.w3-col {
  min-height: 1px;
}

/* proper section targetting */
:target::before {
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}

/* navbar fixes */
.bar-home-padding {
  padding: 0 14px !important;
}

.bar-item-fixes {
  padding-top: 26px !important;
  font-size: 18px;
}

/* section padding */
.section-padding {
  padding: 0 0 0 0 !important;
  min-height: 100vh !important;
}