@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'),
      url('fonts/OpenSans.ttf');
}

.font * {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.btn-contact {
    color: #2A2C3C;
    background: linear-gradient(to right, #14C7DC, #2597C6);
}

.frontandcenter {
    background-image: url(images/header-gradient.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.max-50 {
    max-width: 50ch;
}

.img-tall {
    max-width: 400px;
    height: 80vh;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.img-tall img {
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
}

.stats {
    font-family: Arial,Helvetica, sans-serif;
    background: linear-gradient(to right, #84E7FF, #7CC7FF);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.personalized {
    background-image: url(images/section4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.contactus {
    background-image: url(images/contact-us.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.nav-bg {
    background: rgba(10, 10, 10, .25);
    transition: background .5s ease-in-out;
}

.about-cover {
    background-image: url(images/section4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.bg-blue {
    background-color: #2C2E3D;
}

li.xreps-list::marker {
    color: #0DCAF0;
}