body {
    font-family: 'Source Sans 3', serif;
    position: relative;
}

/* CSS used here will be applied after bootstrap.css */
html,body {
  height:100%;
    
}

h1 {
  color: #333333;
  font-family: "Fjalla One";
  font-weight: bold;
}

h2 {
  color: #333333;
  font-family: "Fjalla One";
}

h3 {
    color: #333333;
    font-family: "Fjalla One";
}

/*.first {
  height:100vh;
  min-height:400px;
  background-size:cover;
  place-items: center;
  background-image:url("img/header-bg.jpg");
  filter: invert(11%) sepia(61%) saturate(6693%) hue-rotate(280deg) brightness(81%) contrast(113%);
}*/

header.masthead {
    height: 100%;
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #000;
  background-image: url("/media/b11mbydu/frontbg.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  /*box-shadow: inset 0 0 0 2000px rgba(82, 0, 126, 0.3);*/
}
header.masthead .masthead-subheading {
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.5rem;
  margin-bottom: 25px;
  font-family: "Fjalla One", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
header.masthead .masthead-heading {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  margin-bottom: 2rem;
  font-family: "Playfair Display";
}

.masthead-emphasis {
  color: #14F060;
}

@media (min-width: 768px) {
  header.masthead {
/*    padding-top: 17rem;
    padding-bottom: 12.5rem;*/
  }
  header.masthead .masthead-subheading {
    font-size: 2.25rem;
    font-style: italic;
    line-height: 2.25rem;
    margin-bottom: 2rem;
  }
  header.masthead .masthead-heading {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    margin-bottom: 4rem;
  }
}

.affix {
  -webkit-transition:padding 0.2s ease-out;
  -moz-transition:padding 0.2s ease-out;  
  -o-transition:padding 0.2s ease-out;         
  transition:padding 0.2s ease-out;

}

@media (min-width:768px) {
    .affix-top {
      /* navbar style at top */
      background:transparent;
      border-color:transparent;
      padding: 15px;
      -webkit-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease; 
      -o-transition:all 0.5s ease;         
      transition:all 0.5s ease;  
    }
}

.affix-top .nav>li>a {
   color: #000;
}

.affix-top.navbar .nav>li>a:hover,
.affix-top.navbar .navbar-brand
{
   color: #333;
}

section {
  padding: 6.5rem 0;
  height:calc(90% - 150px);
  height: 90vh;
}

.footer {
  text-align: center;
  font-size: 0.9rem;
  font-family: "Fjalla One";
  color: #ffffff;
}

.align-items-center {
  align-items: center !important;
}

#mainNav.navbar-shrink {
  background-color: #ffffff;
 }
 
.navbar-logo-shrink {
  visibility: visible;
}

.navbar-logo-normal {
  visibility: hidden;
}