html{scroll-behavior:smooth}
@media only screen and (min-width:320px) and (max-width:767px){.containerchampions{width:100% !important}
.navigation ul li a{font-size:12px;margin:0 8px}
.navigation ul li{display:contents !important;margin:0 8px !important}
}
.containerFluid{width:100%}
.containerchampions{width:1300px;margin:0 auto}
.navigationContainer{background-color:#b462ff;text-align:center}
.navigation ul{display:flex;justify-content:center}
.navigation ul li{display:inline-block;margin:20px 15px;font-weight:500;font-size:25px;line-height:44px}
.navigation ul li a{color:rgba(255,255,255,0.5);text-decoration:none}
.navigation ul li a:hover,.navigation ul li a.active{color:rgba(255,255,255,1);transition:all .3s ease-in}
.responsive-image{width:100%;height:auto;display:block;margin-top:20px}
.desktop-image{display:none}
.mobile-image{display:block}
@media screen and (min-width:768px){.desktop-image{display:block}
.mobile-image{display:none}
}