<div style="text-align:left; width:100%; float:right; " class="fa-2x"> <span class="logoedu"><a href="/"><img style="max-width:50%; " src="https://educaccio.cat/wp-content/uploads/2017/10/TRANSPARENT_LOGO_EDUCACI_png-0.png"></a></span> <span class="sector2" style="display:none;"><a href="/privada"><div class="main-heading post-header" style="color:black; text-align:left; font-weight:bolder; vertical-align: text-top; position:relative; vertical-align: text-top; position:relative; top:20px; font-size:1em;">Privada</div></a></span> <div class="xxssector" style="float:right; text-align:right; font-size:1.6em; max-height:112px; width:auto; padding:0;"> <span class="xxss" style="padding:0!important; margin:0!important;"> <a href="https://www.facebook.com/ccooeducacio/" style="color:black!important;"><i class="fa fa-facebook-square"></i></a> <a href="https://twitter.com/ccooconcertada?lang=ca" style="color:black!important;"><i class=" fa fa-twitter-square"></i></a> <a href="https://www.instagram.com/ccooeducacio/" style="color:black!important;"><i class="fa fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UCs0CP8mrSXOG8nKNn8SYaLQ" style="color:black!important;"><i class="fa fa-youtube"></i></a> <a href="https://t.me/educaccio"><i class="fa fa-telegram"></i></a> </span> <span class="sector"><a href="/privada"><div class="main-heading post-header" style="color:black; text-align:right; font-weight:bolder; vertical-align: text-top; position:relative; top:-20px;">Privada</div></a></span> </div> </div> <style>#main-head>.wrap, .breadcrumbs-wrap {display:none!important;} .mega-menu-item > .mega-menu-logo {display:block!important;} h5 {margin:0!important;} .cat-title {display:none;} .mega-sub-menu li.mega-menu-item a.mega-menu-link, .textwidget h5 a {color:black!important;} @media only screen and (max-width: 700px) { .logoedu a img {width:100%!important;max-width:100%!important;} .xxssector {text-align: left; font-size:0.75!important;} .sector2 {display:inline-block!important; text-align:left;float:left;} .xxss a {font-size:0.75em!important; margin: 0px!important;} .sector {display:none; } .sector a div {float:left!important; top:0px!important;} } </style> <style> #main-head>.wrap, .breadcrumbs-wrap {display:none!important;} .mega-menu-item > .mega-menu-logo {display:block!important;} #pg-2424-0, #pg-2424-1, #pg-2424-2, #pl-2424 .so-panel {margin-bottom: 1!IMPORTANT;} @media only screen and (max-width: 800px) { .logopublica a img {width:100%!important;} } </style>