@media (max-width: 1023px) {.wrapper { padding: 0 20px;}  #logo{left: 10px;} header .menu-opener{height: 80px;padding: 17.5px 0;font-size: 0;color: #0f3e66;} header .menu-opener:after, header .menu-opener .fas{width: 50px;text-align: center;float: right;} header .menu-opener:after{content: attr(data-alt);display: block;text-transform: uppercase;font-size: .7143rem;margin-top: 35px;margin-right: -50px;} header .menu-opener .fas:before{content: '\f0c9';font-size: 2rem;} header .menus{position: fixed;z-index: 980;top: 0;right: 0;bottom: 0;left: 0;min-width: 320px;background-color: #f3f3f3;;padding: 100px 20px 0;display: none;overflow: auto;} header .menus>ul{padding-bottom: 20px;} header .menus .submenus{padding-left: 20px;} header .menus a{line-height: 30px;color: #2283c7;} header :checked+.menu-opener{position: fixed;z-index: 999;top: 0;right: 0;left: 0;width: 100%;padding-right: inherit;padding-left: inherit;-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);background-color: #fff;} header :checked+.menu-opener:after{content: attr(data-alt-close);} header :checked+.menu-opener .fas:before{content: '\f00d';} header :checked+label+*{display: block;}  main .content{} main .content pre{padding-right: 0;padding-left: 0;} main .content pre code{display: block;padding-right: 10px;padding-left: 10px;}}@media (min-width: 1024px) {.mobile { display: none;} .desktop{display: block;} @media (max-width: 1220px) {.wrapper { padding: 0 20px;} }  header .menus{padding-left: 175px;} header .menus>ul>li{display: inline-block;} header .menus>ul>li>a{line-height: 80px;} header .menus a{padding: 0 10px;position: relative;} header .menus a.active:after, header .menus a:hover:after{content: "";display: block;position: absolute;width: calc(100% - 18px);height: 2px;background-color: #ffed00;bottom: 22px;left: 8px;} header .menus>ul>li.has-children{position: relative;} header .menus .submenus{opacity: 0;position: absolute;top: 70%;left: 0;} header .menus .submenus:after{background-color: #e6e6e6;content: '';position: absolute;z-index: -1;top: 0;width: 10000%;height: 100%;transform: translateX(-50%);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);} header .menus .submenus ul{max-height: 0;overflow: hidden;} header .menus .submenus a{line-height: 30px;border-left: 1px solid #196bb0;} header .menus>ul>li.has-children:hover .submenus{opacity: 1;} header .menus>ul>li.has-children:hover .submenus ul{padding: 10px 0;max-height: 10000rem;} section.info .wrapper{display: flex;justify-content: space-between;align-items: center;} section.info .wrapper> div{width: calc(50% - 10px);}}