.ts-circle__md i {
    font-size: 2rem;
    line-height: unset;
}

.navbar-brand img {
    width: 9rem;
}

.step {
    background-color: #13216e !important;
    display:none;
}

.ts-background {
    width: 120% !important;
}

.na-disclaimer h1,
.na-disclaimer h2 {
    font-size: 10pt;
    line-height: 10pt;
    margin: 0;
    margin-bottom: 2px;
}

.na-disclaimer p {
    font-size: 10pt;
    line-height: 10pt;
    margin-bottom: 10px;
}

.na-flag img {
    height: 1.5rem;
    width: 1.5rem;
}

.na-flag > img:hover {
    height: calc(1.5rem + 6px);
    width: calc(1.5rem + 6px);
    border: 2px solid white;
    border-radius: calc(0.75rem + 3px);
    margin-right:-3px;
    margin-left:-3px;
}

.na-col {
    overflow-x: hidden;
}

.na-equal-height {
    display: flex;
    flex-wrap: wrap;
}

    .na-equal-height .col {
        display: flex;
        flex-direction: column;
    }

        .na-equal-height .col > div {
            flex: 1;
        }

.na-sustainability h2 {
    font-size: 12pt !important;
}

/*Small screens*/
@media (max-width: 767px) {
    #ts-hero > div.container.align-self-center.align-items-center > div > div > h1 {
        background-color: #13216e;
        padding: 1rem;
    }

    #ts-hero > div.container.align-self-center.align-items-center > div > div > div > p,
    #ts-hero > div.container.align-self-center.align-items-center > div > div > a.btn-link.text-white.d-inline-block.ts-scroll.ts-fadeInUp.animated {
        background-color: #13216e;
        padding: 1rem;
        opacity: 1;
    }
}

@media (max-width: 1096px) {
    .ts-background {
        width: 200% !important;
    }
}

.btn-primary {
    background-color: #13216e;
    border-color: #13216e;
}

@media (min-width: 62rem) {
    #sustainability .ts-title {
        margin-bottom: 2rem;
    }
}

.navbar-nav .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

    .navbar-nav .btn-primary:hover {
        border-color: white;
    }