﻿@font-face {
    font-family: 'FuturaPTWebHeavy';
    src: url('../fonts/Futura-PT_Heavy.woff2') format('woff2'), url('../fonts/Futura-PT_Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPTWebBook';
    src: url('../fonts/Futura-PT_Book.woff2') format('woff2'), url('../fonts/Futura-PT_Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* END FONTS */

h1, h2, h3, h4, h5 {
    font-family: 'FuturaPTWebHeavy';
}

body {
    font-family: 'FuturaPTWebBook';
    font-size: 18px;
}

body {
    padding-top: 10.5rem;
}

@media (min-width: 768px) {
    body {
        padding-top: 8.5rem;
    }
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.btn-primary {
    background-color: #002F87;
    border-color: #002f87;
}

.btn:hover {
    background-color: #00A0DF;
    border-color: #00A0DF;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

/* rtl:end:remove */
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }
}


h1:nth-of-type(1) {
    white-space: pre-wrap;
}

h1:nth-of-type(2) {
    white-space: pre-line;
}

h2 {
    color: #002F87;
}
