body {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
}
h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 900 !important;
  font-size: 3.1rem;
}
h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 900 !important;
  font-size: 2rem;
}
h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 900 !important;
  font-size: 1.5rem;
}
.container {
  max-width: 960px;
}
.btn-xl {
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.bg-black {
  background-color: #000 !important;
}
.rounded-pill {
  border-radius: 5rem;
}
.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
}
.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.masthead {
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left bottom, left top, from(#003083), to(#0460aa));
  background: linear-gradient(0deg, #0460aa 0%, #003083 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  color: #fff;
}
.masthead .masthead-content {
  z-index: 1;
  position: relative;
}
.masthead .masthead-content .masthead-heading {
  font-size: 2rem;
}
.masthead .masthead-content .masthead-subheading {
  font-size: 1rem;
}
.card {
  padding-top: calc(3rem);
  padding-bottom: 3rem;
}
.testimonials {
  background-image: url(../img/testimonials.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: calc(7rem);
  padding-bottom: 7rem;
}
.tradie-man {
  background-image: url(../img/tradie.png);
  background-repeat: no-repeat;
  background-position: right -120px bottom -200px;
  padding-top: calc(0rem);
  padding-bottom: 7rem;
}
.tradie-lady {
  background-image: url(../img/tradie_2.png);
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: -110px;
}
.arrow-pos {
  position: absolute;
  top: -80px;
  right: -10px;
  -ms-transform: rotate(20deg); /* IE 9 */
  transform: rotate(20deg); 
}
@media (min-width: 992px) {
  h2 {
      font-family: 'Libre Franklin', sans-serif;
      font-weight: 900 !important;
      font-size: 5rem;
  }
  h3 {
      font-family: 'Libre Franklin', sans-serif;
      font-weight: 900 !important;
      font-size: 3rem;
  }
  .tradie-man {
      background-image: url(../img/tradie.png);
      background-repeat: no-repeat;
      background-position: right top;
      max-width: 960px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      padding-top: calc(7rem);
      padding-bottom: 7rem;
  }
  .tradie-lady {
      background-image: url(../img/tradie_2.png);
      background-repeat: no-repeat;
      background-position: left top;
      max-width: 960px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  .masthead .masthead-content .masthead-heading {
      font-size: 6rem;
  }
  .masthead .masthead-content .masthead-subheading {
      font-size: 4rem;
  }
}
.btn-primary:hover {
  background: #ff670f;
  background: -moz-linear-gradient(top, #ff670f 0%, #fc9300 100%);
  background: -webkit-linear-gradient(top, #ff670f 0%, #fc9300 100%);
  background: linear-gradient(to bottom, #ff670f 0%, #fc9300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#fc9300', GradientType=0);
  -webkit-box-shadow: 0 0 0 0.2rem orange;
  box-shadow: 0 0 0 0.2rem orange;
  background-color: #ff7b0d !important;
  border-color: #ff7b0d !important;
}
.btn-primary {
  font-size: 18pt;
  color: #fff;
  background: #fc9300;
  background: -moz-linear-gradient(top, #fc9300 0%, #ff670f 100%);
  background: -webkit-linear-gradient(top, #fc9300 0%, #ff670f 100%);
  background: linear-gradient(to bottom, #fc9300 0%, #ff670f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9300', endColorstr='#ff670f', GradientType=0);
  text-shadow: 2px 2px 3px #CE5937;
  -webkit-box-shadow: 1px 1px 0 1px orange;
  box-shadow: 1px 1px 0 1px orange;
  -webkit-box-shadow: 2px 2px 5px 2px #00000066;
  box-shadow: 2px 2px 5px 2px #00000066;
  border-color: #ff7b0d !important;
}
.btn {
  white-space: unset;
}