body, html {
    font-size: 100%;
    font-family: 'Titillium Web',Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #222
}

body {
    background-color: #eee
}

a {
    color: #d61524;
    text-decoration: none
}

a:hover, a:visited, a.text-primary:hover {
    color: #d61524;
    text-decoration: underline
}

address p {
    font-size: .9rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: .625rem
}

code {
    word-wrap: break-word
}

figcaption {
    text-align: center;
    font-style: italic;
    font-size: .9rem;
    color: #222;
    margin-top: .625rem
}

fieldset {
    margin-bottom: 1.25rem;
    margin-top: .625rem
}

footer {
    text-align: center;
    width: 100%;
    float: left;
    padding: 2rem 0;
    color: #fff;
    overflow: hidden;
    background: #5e5a5b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5e5a5b 0, #423e3f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e5a5b), color-stop(100%, #423e3f));
    background: -webkit-linear-gradient(top, #5e5a5b 0, #423e3f 100%);
    background: -o-linear-gradient(top, #5e5a5b 0, #423e3f 100%);
    background: -ms-linear-gradient(top, #5e5a5b 0, #423e3f 100%);
    background: linear-gradient(to bottom, #5e5a5b 0, #423e3f 100%)
}

h1 {
    font-size: 2rem;
    line-height: 1;
    color: #d61524;
    font-weight: 700;
    margin-top: 1rem
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.875rem;
    margin-bottom: 1rem
}

h2.section {
    font-size: 1.3rem;
    padding: .3125rem .1875rem .3125rem 1rem;
    border-bottom: 1px solid #dadada;
    margin: .75rem 0 .5rem 0;
    font-weight: 400
}

h2.resource {
    background: #e5eff1;
    padding: .625rem;
    position: relative;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.4rem
}

h2.resource:before {
    content: ' ';
    border-color: #e5eff1 transparent transparent transparent;
    border-style: solid;
    border-width: .375rem;
    height: 0;
    width: 0;
    position: absolute;
    top: 100%;
    left: .625rem
}

h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 5px
}

h4 {
    font-size: 1.1rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: .9rem
}

label {
    font-size: 1rem;
    margin-bottom: 0
}

input.form-control {
    font-size: 1rem;
    color: #000
}

input.form-control[type=date] {
    font-family: monospace
}

input[type=file] {
    font-size: .9rem
}

legend {
    font-size: 1.375rem
}

p {
    font-size: 1.1rem;
    margin-bottom: 0
}

p + ol, p + p, p + ul {
    margin-top: 1em
}

p + p,p + ul,p + ol {
    margin-top: 2rem; /* lo spazio tra i paragrafi deve essere almeno 2 volte la dimensione del carattere */
}

.accessibleText {
    word-spacing: .16rem;
    letter-spacing: .12rem;
    text-align: left !important; /* per sovrascrivere editor */
}

p.lead {
    font-size: 1.1rem
}

select.form-control {
    font-size: 1rem;
    padding: .3125rem
}

table.table thead tr th {
    background-color: #e9e9e9;
    font-weight: 700;
    font-size: 1.1rem
}

table.table thead tr td {
    font-size: 1rem
}

table.table caption {
    caption-side: top;
    text-align: center;
    font-size: 1.375rem;
    color: #222
}

textarea.form-control {
    font-size: 1rem;
    font-family: monospace;
    height: 12.5rem
}

ul li {
    list-style-type: none
}

.text li + li {
    margin-top: 1em
}

ul.text li {
    list-style-type: square
}

ul li i.material-icons {
    color: #d61524;
    font-size: 1.25rem;
    position: relative;
    top: .1875rem
}

ul.ul-list li:before {
    content: "\E3FA";
    font-family: 'Material Icons', sans-serif;
    color: #d61524;
    margin-right: .625rem;
    font-size: .5rem;
    position: relative;
    top: -.125rem
}

ul.ul-list li li:before {
    content: "\E836";
    font-family: 'Material Icons', sans-serif;
    color: #d61524;
    margin-right: .625rem;
    font-size: .5rem;
    position: relative;
    top: -2px
}

.badge {
    font-weight: 400;
    padding: .3125rem
}

.badge-default {
    background-color: #d61524
}

.badge-danger {
    background-color: #ff952c
}

.badge-warning {
    background-color: #fae937
}

.breadcrumb {
    padding: 0;
    padding-bottom: .625rem;
    background-color: inherit;
    margin-bottom: 0
}

.breadcrumb a {
    color: #d61524;
    text-decoration: none;
    font-size: 1.1rem
}

.breadcrumb a:hover {
    text-decoration: underline
}

.alert {
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: .625rem;
    padding-top: .625rem;
    color: #404040
}

.alert-warning {
    background-color: #fae937
}

.btn {
    font-size: .75rem;
    padding: .5rem 1.5rem;
    margin: .625rem 0;
    border: 1px solid #dedede;
    border-radius: 0;
    color: #404040
}

.btn-login {
    padding: .1875rem 1.5rem;
    margin: 0;
    position: absolute;
    right: 0
}

#top_header.container a.btn-login {
    color: #fff
}

.btn.disabled, .btn:disabled {
    border: 1px solid #dedede
}

.btn:hover {
    border: 1px solid #dedede;
    color: #404040
}

.btn:focus {
    box-shadow: none
}

.btn-sm {
    font-size: .625rem;
    line-height: 1
}

.btn-lg {
    font-size: .9rem;
    line-height: 2
}

.btn-primary, a.btn-primary {
    background-color: #d61524;
    color: #fff
}

.btn-primary:hover {
    background-color: #d61524;
    border: 1px solid #000;
    color: #fff
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #f8d7da;
    color: #111
}

.btn-primary.active {
    background-color: #e4e4e4;
    color: #111;
    border: 1px solid #dedede
}

.btn-warning {
    color: #111;
    background-color: #fae937
}

.btn-warning:hover {
    background-color: #fae937;
    border: 1px solid #000
}

.btn-warning.disabled, .btn_warning:disabled {
    background-color: #fae937
}

.btn-danger {
    background-color: #fbdabd
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #fbdabd
}

.btn-danger:hover {
    background-color: #fbdabd;
    border: 1px solid #000
}

.btn-success {
    background-color: #d4edda
}

.btn-success:hover {
    background-color: #d4edda;
    border: 1px solid #000
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #d4edda
}

.btn-info {
    background-color: #d1ecf1
}

.btn-info:hover {
    background-color: #d1ecf1;
    border: 1px solid #000
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #d1ecf1
}

.btn-secondary {
    background-color: #eee
}

.btn-secondary:hover {
    background-color: #eee;
    border: 1px solid #000
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #eee
}

.container {
    background-color: #fff
}

.form-control:focus {
    border-color: #d61524
}

.has-success .form-control-feedback, .has-success .form-control-label {
    color: #218838;
    font-size: 1rem
}

.has-success .form-control {
    border-color: #218838
}

.has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #bdb680;
    font-size: 1rem
}

.has-warning .form-control {
    border-color: #bdb680
}

.has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #ff952c;
    font-size: 1rem
}

.has-danger .form-control {
    border-color: #ff952c
}

.colorized .card-header {
    background-color: #d61524;
    color: #fff
}

.colorized .card-header a {
    color: #fff
}

.list-group {
    font-size: 1rem
}

.list-group-item.active {
    border: 1px solid #dedede
}

.modal-title, .popover-header {
    margin-top: 0
}

.list-group-item.active, .nav-pills .nav-link.active, .show > .nav-pills .nav-link {
    background-color: #d61524
}

.nav-pills, .nav-tabs {
    font-size: 1rem
}

.nav-pills .dropdown-item, .nav-tabs .dropdown-item {
    font-size: 1rem
}

.page-item.active .page-link {
    background-color: #d61524;
    border-color: #dedede
}

.page-link, .page-link:active, .page-link:hover {
    color: #d61524
}

.pagination {
    /*font-size: .75rem*/
    font-size: .95rem
}

.tab-pane {
    padding-top: 1rem
}

.tooltip-inner {
    font-size: .9rem;
    padding-right: .75rem;
    padding-left: .75rem
}

p.file {
    margin: .3125rem 0 0;
    padding: .3125rem 0 .625rem;
    font-size: .85rem
}

p.file a {
    display: block;
    margin: .3125rem 0 0 0
}

p.file span.type {
    display: block;
    width: 1.875rem;
    height: 2rem;
    float: left;
    background: url(http://www.unito.tv/template_html/img/icon-set.png) no-repeat;
    margin-right: .3125rem
}

p.file span.doc {
    background-position: 0 0
}

p.file span.pdf {
    background-position: -30px 0
}

p.file span.htm {
    background-position: -60px 0
}

p.file span.ppt {
    background-position: -90px 0
}

p.file span.xls {
    background-position: -120px 0
}

p.file span.eps {
    background-position: -150px 0
}

p.file span.mp3 {
    background-position: -180px 0
}

p.file span.zip {
    background-position: -210px 0
}

#top_header.container {
    color: #333;
    font-size: .9rem;
    background-color: transparent;
    padding: .75rem 0;
    position: relative
}

#top_header.container a {
    color: #333
}

ol.ol-list, ul.ul-list {
    margin-bottom: .625rem;
    margin-left: 3%;
    padding-left: .5rem
}

ul.ul-list li {
    list-style-type: none;
    padding: .625rem 1rem
}

ol.ol-list {
    counter-reset: lista
}

ol.ol-list > li {
    list-style: none;
    position: relative;
    list-style-position: inside;
    padding: .625rem 1rem
}

ol.ol-list > li:before {
    content: counter(lista) ".";
    counter-increment: lista;
    position: absolute;
    top: .5rem;
    left: -.3125rem;
    width: 1.125rem;
    padding: .125rem;
    color: #d61524;
    text-align: center
}

ul.ul-list li li {
    list-style-type: none;
    padding-left: 1rem
}

ul.link-list, ul.page-list {
    padding: 0;
    margin: 0 0 1rem 0
}

ul.page-list {
    font-size: 1.15em
}

ul.page-list li {
    border-bottom: 1px solid #e5e5e5;
    padding: .625rem 1rem
}

ul.link-list li {
    padding: .625rem 1rem
}

ul.menu-list {
    padding-left: 0
}

ul.menu-list li a {
    display: block;
    width: 100%;
    padding: .25rem 0 .5rem 1rem;
    font-size: 1rem;
    color: #222
}

ul.menu-list li a i {
    margin-right: .625rem
}

ul.section-list {
    background: #eaeaea
}

ul.section-list li {
    border-bottom: 1px solid #dedede
}

ul.section-list li a {
    color: #222
}

ul.resources-list li {
    border-bottom: 1px solid #dedede
}

ul.pages-list {
    padding-left: 0
}

ul.pages-list li {
    padding: .25rem 0 .5rem 1rem;
    font-size: 1rem
}

ul.pages-list li a {
    color: #222
}

ul.pages-list li i {
    margin-right: .625rem
}

.aside_menu .card-body {
    padding: 0
}

.aside_menu .card-body ul {
    margin-bottom: 0
}

.aside_menu .card-header {
    padding: 0;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e7e7e7));
    background: -webkit-linear-gradient(top, #fff 0, #e7e7e7 100%);
    background: -o-linear-gradient(top, #fff 0, #e7e7e7 100%);
    background: -ms-linear-gradient(top, #fff 0, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fff 0, #e7e7e7 100%);
    border-bottom: 1px solid #ccc
}

.aside_menu .card-header h5 a {
    display: block;
    width: 100%;
    padding: .5rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222;
    font-weight: 400
}

.aside_menu .card-header h5 a:after {
    font-family: FontAwesome, sans-serif;
    content: "\f078";
    float: right;
    color: grey
}

.aside_menu .card-header h5 a.collapsed:after {
    content: "\f054"
}

.aside_menu .card {
    border: 0
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f8f9fa
}

input[type=checkbox], input[type=radio] {
    opacity: 0
}

input[type=checkbox] + label:before {
    font-family: 'Material Icons', sans-serif;
    display: inline-block
}

input[type=checkbox] + label:before {
    content: "\E835";
    color: #2b71af;
    /*font-size: 1.375rem;*/
    font-size: 1.3rem;
    position: relative;
    top: .25rem;
    letter-spacing: .625rem
}

input[type=checkbox]:checked + label:before {
    content: "\E834";
    color: #d61524;
    font-size: 1.3rem;
    letter-spacing: .625rem
}

input[type=radio] + label:before {
    font-family: 'Material Icons', sans-serif;
    display: inline-block
}

input[type=radio] + label:before {
    content: "\E836";
    color: #2b71af;
    font-size: 1.3rem;
    position: relative;
    top: .25rem;
    letter-spacing: .625rem
}

input[type=radio]:checked + label:before {
    content: "\E837";
    letter-spacing: .625rem;
    font-size: 1.3rem;
    color: #d61524
}

input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before {
    outline: #3b99fc auto .3125rem
}

h1.logo_servizio {
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    max-width: 14.375rem;
    margin-top: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 6.875rem;
}

.float-right h1.logo_servizio {
    float: right
}

.header {
    height: 6.875rem;
}

#back_site {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #da303d 0, #bd1320 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da303d), color-stop(100%, #bd1320));
    background: -webkit-linear-gradient(top, #da303d 0, #bd1320 100%);
    background: -o-linear-gradient(top, #da303d 0, #bd1320 100%);
    background: -ms-linear-gradient(top, #da303d 0, #bd1320 100%);
    background: linear-gradient(to bottom, #da303d 0, #bd1320 100%)
}

h3.logo_back {
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    max-width: 7.625rem;
    margin-top: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    font-size: 1.5rem
}

.grey-box {
    background-color: #ededed;
    border: 1px solid #ccc;
    padding: 1.25rem;
    font-size: .9rem
}

.grey-box input[type=text] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.grey-box p {
    font-size: .9rem
}

.grey-box .bottom-links a {
    font-size: .75rem
}

#link_lang_menu {
    display: inline;
    cursor: pointer
}

#link_lang_menu i {
    font-size: 1.3rem;
    margin-left: .3125rem;
}

#lang_menu {
    display: inline
}

#lang_menu a {
    display: inline
}


/* Responsive video */
video {
    width: 100%    !important;
    height: auto   !important;
}

#contentColumn article div.youtube-wrapper {
    position: relative;
    padding-bottom: 26.25%;
    overflow: hidden;
    width: 100%;
    max-width: 33.9rem;
    height: 19.6875rem;
    margin: 1rem auto; /* Metto i video sempre centrati rispetto alla pagina... */
}
.youtube-wrapper iframe,
.youtube-wrapper object,
.youtube-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 19.6875rem;
}


/*elementi inline html*/
.bs-component
{
    position: relative;
}

.icons .row
{
    font-size: 14px;
}

#source-button
{
    position: absolute;
    top:0;
    right:0;
    background-color: navy;
    cursor: pointer;
    z-index: 5;
    border: none;
}

.modal-body pre
{
    font-size: 13px;
    white-space: pre-wrap;
}

#menufixed
{
    /*position: fixed;
    top: 0px;
    left: 0px;*/
}

#menufixed li
{
    background-color: #f3f3f3;
    padding: 0;
}

#menufixed h2
{
    background-color: #d61524;
    margin: 0;
    color: white;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}

#menufixed li a
{
    display: block;
    width: 100%;
    padding: 10px;
}

.div-griglie .container div
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.div-griglie .container .col-md-12
{
    background-color: #e68787;
}
.div-griglie .container .col-md-9
{
    background-color: #e68787;
}
.div-griglie .container .col-md-6:nth-of-type(1)
{
    background-color: #e8a6a6;
}
.div-griglie .container .col-md-6:nth-of-type(2)
{
    background-color: #e4c1c1;
}
.div-griglie .container .col-md-4:nth-of-type(1)
{
    background-color: #e6e0e0;
}
.div-griglie .container .col-md-4:nth-of-type(2)
{
    background-color: #e4c1c1;
}
.div-griglie .container .col-md-4:nth-of-type(3)
{
    background-color: #e8a6a6;
}
.div-griglie .container .col-md-3
{
    background-color: #e6e0e0;
}

/*elementi 2 inline html*/
.top-fixed-test {
    width: 96%;
    position: fixed;
    background: white;
    z-index: 1030;
    top: 0;
}
.index-body{
    z-index:1;
}
img {
    max-width: 100%; /* Tutte le immagini devono essere larghe AL MASSIMO come il 100% del rispettivo contenitore */
}

.logo_ridotto
{
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    max-width: 230px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: 50%;
    margin-bottom: 0;
    height: 100%;

}
.navbar_ridotta{
    height: 35.5px;
    background: #d61524;
}

.navbar_ridotta_font{
    font-size: 12px;
}

.header_ridotto{
    height: 55px;

}
.logo_ridotto_destra
{
    float: right;

}

.testonav{
    margin-bottom: 5px;
}





@media (max-width: 767px) {
    .sticky {
        position: fixed;
        top: 0;
        left: 5%;
        width: 95%;
        z-index: 5000000
    }

    .sticky .col-6 {
        background-color: #fff
    }

    #link_lang_menu:hover #lang_menu {
        display: block;
        z-index: 20000
    }

    #lang_menu {
        position: absolute;
        z-index: 4000;
        left: 0;
        top: 2.5rem;
        background-color: #e6e0e0;
        display: none
    }

    #lang_menu a {
        display: block;
        padding: .625rem
    }

    .img-fluid {
        width: 100%
    }

    .navbar-expand-md {
        position: relative;
        z-index: 10000;
        display: block;
        width: 95%
    }

    .navbar .nav-item {
        border-top: 1px solid #e86060;
        background: #d61524;
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da303d), color-stop(100%, #bd1320));
        background: -webkit-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -o-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -ms-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: linear-gradient(to bottom, #da303d 0, #bd1320 100%)*/
    }

    .navbar-nav .nav-item a.nav-link {
        color: #f7f7f7;
        font-size: .75rem;
        font-weight: 700;
        padding-left: .9rem
    }

    .navbar-nav .nav-item a.nav-link:hover {
        color: #f7f7f7;
        background: #bd1320
    }

    .aside_menu .card-body h2 {
        background-color: #ddd;
        margin-top: 0;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .aside_menu {
        margin-top: -.3125rem !important
    }
}

@media (max-width: 991px) {
    .navbar {
        padding: 0
    }

    .navbar.bg-light {
        background-color: #d61524 !important
    }

    .navbar-light .navbar-toggler {
        border: 0;
        color: #fff;
        width: 100%;
        text-align: left;
        cursor: pointer;
        padding-top: .625rem;
        padding-bottom: .625rem;
        height: 1.875rem;
        font-size: 1.1875rem;
    }

    .navbar-light .navbar-toggler span span {
        margin-left: .625rem;
        position: absolute;
        top: .75rem
    }

    .aside_menu {
        margin-top: -1rem
    }
}

@media (min-width: 992px) {
    .aside_menu .collapse {
        display: block
    }
}

@media (min-width: 768px) {
    .navbar li.dropdown > div.dropdown-menu {
        padding-top: 0;
        border: 0
    }

    .navbar li.dropdown:hover > div.dropdown-menu {
        display: block;
        font-size: 1rem;
        width: 100%;
        min-width: 0
    }

    .navbar li.dropdown:hover > div.dropdown-menu > a.dropdown-item {
        color: #d61524;
        padding-left: .625rem
    }

    .navbar li.dropdown:hover > div.dropdown-menu > a.dropdown-item:hover {
        text-decoration: underline
    }

    .navbar li.dropdown:hover .nav-link {
        background-color: #fff;
        color: #d61524
    }

    .navbar {
        padding: 0;
        background: #d61524;
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da303d), color-stop(100%, #bd1320));
        background: -webkit-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -o-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: -ms-linear-gradient(top, #da303d 0, #bd1320 100%);
        background: linear-gradient(to bottom, #da303d 0, #bd1320 100%)*/
    }

    .navbar .navbar-nav {
        width: 100%
    }

    .navbar .nav-item {
        width: 12.5%;
        text-align: center
    }

    .navbar .nav-item .nav-link {
        color: #f7f7f7;
        text-decoration: none;
        font-size: 1rem;
        font-weight: 500
    }
}

@media (max-width: 575px) {
    .sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 105%;
        z-index: 5000000
    }
}

@media (min-width: 576px) {
    .container {
        min-width: 96%
    }
}

@media (min-width: 768px) {
    .container {
        min-width: 96%
    }
}

@media (min-width: 992px) {
    .container {
        min-width: 96%
    }
}

@media (min-width: 1200px) {
    .container {
        min-width: 96%
    }
}

@media (min-width: 2000px) {
    .container {
        min-width: 1920px;
        max-width: 1920px
    }
}