body {
    font-family: 'Encode Sans', sans-serif;
}

.top-bar .top-bar-section ul li>a {
    font-family: 'Encode Sans', sans-serif;
    text-transform: none;
}

.microbyte-footer,
.microbyte-footer h3, 
.microbyte-footer .h3,
.copyright-bar .row {
    font-family: 'Encode Sans', sans-serif;
    text-transform: none;
}

.services-template {
    color: #6A6A6A;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 300;
}

.services-template .bg-grey {
    background: #fafafa;
}

.services-template .full-row {
    max-width: 100%;
}

.services-template .display-flex {
    display: flex;
}

.services-template .align-center {
    align-items: center;
}

.services-template .justify-center {
    justify-content: center;
}

.services-template h1,
.services-template h2,
.services-template h3,
.services-template h4,
.services-template .f-h2,
.services-template .f-h3 {
    color: #000;
    font-family: 'Roboto', sans-serif;
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    display: inline-block;
    margin-top: 0;
    font-size: 3rem;
    font-weight: 600;
}

.services-template h1:after,
.services-template h2:after,
.services-template h3.under:after,
.services-template .f-h2:after {
    content: '';
    background-image: url('../img/icons/heading.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: .5rem;
    width: 4rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.services-template .text-center h1:after,
.services-template .text-center h2:after {
    left: 50%;
    transform: translateX(-50%);
}

.services-template h3,
.services-template .f-h3,
.services-template h4 {
    font-size: 1.5rem;
    padding-bottom: 0;
}

.services-template a {
    transition: all .3s;
}

.services-template hr {
    margin-bottom: 0;
    margin-top: 6rem;
    border-top: 1px solid #e30e18;
    padding: 0;
}

.services-template .m-6 {
    margin: 6rem 0;
}

.services-template .mt-6 {
    margin-top: 6rem;
}

.services-template .mb-6 {
    margin-bottom: 6rem;
}

.services-template .m-3 {
    margin: 3rem 0;
}

.services-template .mt-3 {
    margin-top: 3rem;
}

.services-template .mb-3 {
    margin-bottom: 3rem;
}

.services-template .p-6 {
    padding: 6rem 0;
}

.services-template .pt-6 {
    padding-top: 6rem;
}

.services-template .pb-6 {
    padding-bottom: 6rem;
}

.services-template .p-3 {
    padding: 3rem 0;
}

.services-template .pt-3 {
    padding-top: 3rem;
}

.services-template .pb-3 {
    padding-bottom: 3rem;
}

.services-template .btn {
    padding: .5rem 3rem;
    margin-bottom: 1rem;
    border-radius: 2rem;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

.services-template .btn+.btn {
    margin-left: 2rem;
}

.services-template .btn-slim {
    padding: .5rem 2rem;
}

.services-template .btn-red {
    background: #E30E18;
}

.services-template .btn-grey {
    background: #6A6A6A;
}

.services-template .btn-white {
    background: #fff;
}

.services-template .sub-head {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.services-template .read-all {
    color: #000;
    font-weight: 600;
    position: relative;
}

.services-template .prompt {
    margin-bottom: 2rem;
    font-weight: 600;
    color: #000;
}

.services-template .read-all:hover {
    color: #E30E18;
}

.services-template .read-all:after {
    content: '';
    background-image: url('../img/icons/icon-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(1.5rem, -50%) rotate(-45deg);
}

.services-template .bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 56.25%;
    width: 100%;
}

.services-template .bg-img.bg-43 {
    padding-bottom: 75%;
}

.services-template .video-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.services-template .video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* @media only screen and (max-width: 40em) { }  */
/* min-width 641px, medium screens */
@media only screen and (max-width: 64em) { 
    .services-template .p-6 {
        padding: 3rem 0;
    }
    .services-template .pt-6 {
        padding-top: 3rem;
    }
    .services-template .pb-6 {
        padding-bottom: 3rem;
    }
    .services-template .m-6 {
        margin: 3rem;
    }
    .services-template .mt-6 {
        margin-top: 3rem;
    }
    .services-template .video-player {
        margin-bottom: 1.5rem;
    }
    .services-template hr {
        margin-top: 3rem;
    }
    .services-template h1, 
    .services-template h2, 
    .services-template h3, 
    .services-template h4, 
    .services-template .f-h2, 
    .services-template .f-h3 {
        font-size: 2rem;
    }
    .services-template .sub-head {
        font-size: 1.2rem;
    }
    .services-template .btn {
        padding: .5rem 2rem;
    }
    .services-template .btn+.btn {
        margin-left: 1rem;
    }
    .services-template .prompt {
        margin-bottom: 1rem;
    }
} 
/* min-width 1025px, large screens */
/* @media only screen and (max-width: 90em) { }  */
/* min-width 1441px, xlarge screens */
/* @media only screen and (max-width: 120em) { }  */
/* min-width 1921px, xxlarge screens */