@font-face {
    font-family: 'TTNorms';
    src: url('/static/fonts/tt-norms-pro-cufonfonts/TT\ Norms\ Pro\ Medium.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'TTNorms' !important;
}

a {
    color: inherit !important;
    text-decoration: none !important;
}

h1 {
    margin-bottom: 2rem !important;
    font-weight: 700 !important;
    font-size: xxx-large !important;
}

h2 {
    margin-bottom: 2rem !important;
    font-weight: 700 !important;
}

p {
    margin-bottom: 2rem !important;
}

.des-title {
    color: #0c2170 !important;
}

.bg-des-dark-blue {
    background-color: #0c2170 !important;
}

.bg-des-dark-stale-blue {
    background-color: #013b7a !important;
}

.bg-des-light-blue {
    background-color: #2776ca !important;
}

.btn-lg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.slow {
    animation-duration: 40s !important;
}
.delay {
    animation-delay: 300 !important;
}

.sideways {
    transform: rotate(270deg) translateX(-50%);
}

.cutout {
    clip-path: polygon(4% 25%, 0 18%, 4% 11%, 4% 0, 100% 0, 100% 100%, 4% 100%);
}

.bg-move {
    background: linear-gradient(180deg, #8abd8a, #00c400);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 0px) {

    /* Styles for small devices */
    .dots {
        display: none;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /* Styles for medium devices */
    .dots {
        margin-left: -8.7%;
        display: inline-block;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /* Styles for large devices */
    .dots {
        margin-left: -8.7%;
        display: inline-block;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    /* Styles for extra large devices */
    .dots {
        margin-left: -8.7%;
        display: inline-block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    /* Styles for extra extra large devices */
    .dots {
        margin-left: -15%;
        display: inline-block;
    }
}

@media (min-width: 1921px) {

    /* Styles for extra extra large devices */
    .dots {
        margin-left: -14.15%;
        display: inline-block;
    }
}

.light {
    transition: ease 300ms;
}

@supports (-webkit-touch-callout: none) {

    /* CSS specific to iOS devices */
    #line-container {
        display: -webkit-inline-box !important;
    }

    #line {
        display: -webkit-inline-box !important;
    }

    .flex-direction-column {
        flex-direction: column;
    }
}