body {
  font-family: "Fira Sans","Helvetica",sans-serif;
}
a {
  color: #cc1100;
}
.claim {
  font-size:4rem;
  font-weight:300;
  letter-spacing: -.7px;
  color:#fff;
  line-height: 1;
  margin-top: 3rem;
  margin-bottom:.75rem;
}
.logo {
  transform: rotate(7deg) translateX(30px);
}
.logo img{
  height:5rem;
}
.menu {
  list-style: none;
  text-align: right;
  margin:0;
}
.menu-item {
  display:inline-block;
  padding:.3rem .5rem;
  font-weight:600;
}
.menu-item a {
  color:#fff;
}

.banner{
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-position: 50% 92%;
  min-height:25rem;
/*  animation-name: subtle;
  animation-duration: 10s;
  animation-direction: alternate;
  animation-iteration-count: infinite;  
  filter: brightness(1.9); */
}

.subbanner {
  background-color: #cc1100;
  margin-bottom: 5rem;
}
footer {
  background-color: #cc1100;
  padding-top:1rem;
  padding-bottom:1rem;
  color:#fff;
}
footer a, footer a:hover {
  color:#fff;
  text-decoration: underline;
}
.banner > div{
  background-image: linear-gradient(90deg,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 100%);
  padding:.5rem 0 1rem 0;
  transform: rotate(-7deg) translateX(-50px) translateY(16rem);
}

.customer-logo {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:.5rem;
  max-height:75px;
}
a {
  white-space: nowrap;
}

.references {
  padding-top:2rem;
  padding-bottom:2rem;
  background-image: url(../images/banner.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (max-width: 736px) {
  html,body {
    font-size:14px;
  }
  .claim {
    font-size:1.7rem;
  }
  .banner {
    background-position: 30% 93%;
    background-size:210%;
    min-height:16rem;
  }
  .banner > div {
    transform: rotate(-7deg) translateX(-30px) translateY(9rem);
  }
}

/* bootstrap 4*/
.card {
  background-color:rgba(255,255,255,.95);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
  background-color:#fff;
  text-align:center;

}
.table tr:first-child td, .table tr:first-child th {
  border-top: none;
}
.table td:first-child, .table th:first-child {
  padding-left:0;
}
.table td:last-child, .table th:last-child {
  padding-right:0;
}
figcaption {
  font-size:.8rem;
}