@font-face {
  font-family: SourceSans;
  src: url(SourceSans3-VariableFont_wght.ttf);
}

body{background-color: ivory;}

.navbar-brand{ font-family: SourceSans; font-weight: 750; }

.carousel-caption h5{ position: relative; top: -2.7rem; font-size: 3.6rem; font-stretch: 70%; font-weight: 700; font-family: SourceSans;}
.carousel-caption p{ position: relative; top: -1.4rem; font-size: 1.3rem; font-weight: 800; font-family: SourceSans;}

.btn-hero{color:white; background: transparent; border:2px solid white;}
.btn-hero:focus{background:white; color: transparent;}
.btn-hero:focus-visible{background:white; color: transparent;}
.btn-hero:hover{background:white; color: black;}

.body{font-family: SansSource;}
.card-title{color:#444444; font-weight: 777; font-size: 2rem;}
.card-text{color:#666666; font-size: 1rem; padding: 1.5rem 10%;}
.caption-head{text-align:center;font-size: 1.3rem; font-weight: 800;}
.caption-text{text-align:center;font-size: .83rem; font-weight: 600; color: #666666;}

.hidden-sm(display:block;)
.m12pt5L-md{margin-left:12.5vh;}
.m12pt5R-md{margin-right:12.5vh;}

@media  (max-width: 767px) {
  .hidden-sm(display:hidden;)
  .m12pt5L-md{margin-left:0;}
  .m12pt5R-md{margin-right:0;}
}