.no-side-margins {
    margin-left:  0 !important;
    margin-right: 0 !important;
}

.margin-left {
    margin: 0 0 0 15px !important;
}

.m-header-protraceLogo {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 0
}

.m-header-protraceLogo {
    padding-left: 9.6rem;
    padding-right: 0
}

.m-header-protraceLogo {
    max-width: 21rem
}

.overlay-container {
    position: relative;
}

.overlay-container .overlay {
    position: absolute;
    background-color: rgba(0, 45, 114, 0.7);
    padding: 24px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
}

.text-uppercase {
    text-transform: uppercase;
}

.top-bar input {
    width: -webkit-fill-available;
}

.tabs-title > a {
    padding: 1.20rem 1.20rem !important;
}

video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu-small a,
.menu-small li {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.25rem;
}


.large {
    font-size: 1.25rem;
    color: #002d72;
}

#pie-chart {
    position: absolute;
    display: inline-block;
    margin: 0px auto;
    top: 18%;
    right: -74px;
}

.panel-image-right {
    padding-left: 5px;
    max-width: 50%;
}

.panel-video {
    padding-top: 15px;
    max-width: 100%;
}

.panel-image-left {
    padding-right: 5px;
    max-width: 50%;
}

.panel-video {
    width: inherit
}

.row {
    padding-bottom: 15px;
}

@media (max-width: 1024px) {
    .m-header-protraceLogo {
        width: 21rem;
        padding-left: 9.6rem
    }
}

@media (max-width: 767px) {
    .m-header-protraceLogo {
        position: relative;
        left: 7.6rem;
        max-width: 32rem;
    }
}

@media (min-width: 414px) {
    .query-form-container {
        width: 375px;
    }

    .farine-background {
        background-size: contain !important;
    }
}

@media (max-width: 414px) {
    .m-header-protraceLogo {
        position: relative;
        left: 3.2rem;
        max-width: 32rem;
    }

    .m-header-logo {
        left: -32px;
    }
}

@media (max-width: 360px) {
    .m-header-protraceLogo {
        position: relative;
        left: 1.2rem;
        max-width: 32rem;
    }

    .m-header-logo {
        left: -142px;
    }
}

@media (max-width: 320px) {
    .m-header-protraceLogo {
        position: relative;
        left: 3.2rem;
        max-width: 32rem;
    }

    .m-header-logo {
        left: -122px;
    }
}