hidedoodle.css

#hplogo img, #logocont img{
  visibility: hidden;
  position: relative;
}
#hplogo:after, #logocont:after{
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzQ4Ljk5IDI1Ni42MSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uY2xzLTF7ZmlsbDogIzE5NmVlZjt9LmNscy0ye2ZpbGw6ICNkYjQ2MzI7fS5jbHMtM3tmaWxsOiAjMTk2ZWVmO30uY2xzLTR7ZmlsbDojMDA5YjU4O30uY2xzLTV7ZmlsbDojZGI0NjMyO30uY2xzLTZ7ZmlsbDojZmZiYTAzO308L3N0eWxlPjx0aXRsZT5nb29nbGUuc3ZnPC90aXRsZT48cGF0aCBpZD0icGF0aDQ0MjMiIGNsYXNzPSJjbHMtMSIgZD0iTTExNS44MiwxMjQuNjlIMTQ4djQ1LjI0Yy0xMCwzLjIzLTIyLjc0LDUtMzUuOTMsNS01My40NiwwLTg0Ljg4LTQ1Ljc4LTg0Ljg4LTkwLjQ5LDAtNDMuODUsMjguNDItNzQuNjEsNjguMDctNzQuNjEsMjUuMDksMCwzOS42OSw4LjUsNTIuNzUsMjAuMzRWNDQuOTNsMjQuNDktMjQuNDlDMTU3LDEwLDEzNC42MSwwLDEwMi41NSwwLDMyLjE3LDAsMCw1MC4zNSwwLDkxLjczYzAsNTguOSw0Mi45LDk0LjM4LDk2LjgxLDk0LjM4LDI2LjE0LDAsNDkuMzUtNCw3Ni4xNi0xMS40NVYxMjcuOTJhNy4wNSw3LjA1LDAsMCwxLDIuNjItNS40N2w4LjQ2LTguNDZIMTI2LjZaIi8+PHBhdGggaWQ9InBhdGg0NDI1IiBjbGFzcz0iY2xzLTIiIGQ9Ik0yNjAuMTEsNjMuMjFjLTQwLjUxLDAtNjUuNjEsMjkuNi02NS42MSw2MSwwLDI3LjEyLDIwLjIyLDU5LjMyLDYxLjE5LDU5LjMyLDM5LjQxLDAsNjMuNTktMjkuNjYsNjMuNTktNjEuNjMsMC0yOS43OC0yMy42My01OC43LTU5LjE3LTU4LjdabS02LjcyLDguNjNjMjguNTYsMCw0MS4yOCwzNy4yMSw0MS4yOCw2My43NSwwLDM5LjQ3LTI5LjYxLDQwLjI1LTMzLjE1LDQwLjI1LTEzLjU1LDAtMjMtOC4xOS0zMC4xMS0xOC45My02LjI0LTkuOS0xMi4zNC0yOC4yOS0xMi4zNC00Ni4yNlMyMjQuOTMsODQsMjM0LjE1LDc3LjU4YTM1LjM0LDM1LjM0LDAsMCwxLDE5LjIzLTUuNzRaIi8+PHBhdGggaWQ9InBhdGg0NDI5IiBjbGFzcz0iY2xzLTMiIGQ9Ik01MjQuOTIsNjMuMmMtMzUuMzgsMC01NC41MiwyMi40LTU0LjUyLDQ3LjQxLDAsMTksMTMuNjQsNDAuNTIsNDEuNzgsNDAuNTJoNy4xMmEyOC4zOSwyOC4zOSwwLDAsMC0yLDkuMjZjMCw2LjcxLDIuNDEsMTAuNDgsNy41MywxNi4yOEM0NzYuNDYsMTc5LjYyLDQ1NywxOTkuMTUsNDU3LDIyMC4xNGMwLDE4LjM4LDE3LjYsMzYuNDcsNTQuNTksMzYuNDcsNDMuNzksMCw2Ni40Ny0yNC4zMSw2Ni40Ny00OC4xNywwLTE2LjgyLTguMzgtMjYtMjkuNi00MS45NC02LjI0LTQuODUtNy40NS03Ljk0LTcuNDUtMTEuNTcsMC01LjIsMy4xMS04LjY0LDQuMjUtOS45NCwyLTIuMTIsNS40OS00LjU0LDYuNzktNS43LDcuMTMtNiwxNy4yLTE1LDE3LjItMzIuODIsMC0xMi4yNC01LjA5LTIyLjc3LTE2LjY5LTMyLjYzaDE0LjE2TDU3Ny4zNiw2My4ySDUyNC45MlptLTkuNzYsOGM2LjQyLDAsMTEuNzgsMi4yNywxNy40NCw3LDYuMjgsNS42NiwxNi4zMSwyMC44NywxNi4zMSwzOS42OSwwLDIwLjMxLTE1Ljc4LDI1Ljg3LTI0LjMyLDI1Ljg3YTI0LjI3LDI0LjI3LDAsMCwxLTEzLjQzLTQuMDdjLTkuNDItNi4xMS0xOC43Ny0yMi4zNy0xOC43Ny00MS43MkM0OTIuMzksODAuNDUsNTAyLjc5LDcxLjE2LDUxNS4xNiw3MS4xNlptMTQsMTEzLjIyYTQ1LjYyLDQ1LjYyLDAsMCwxLDQuNjQuMjJzNi4zNyw0LjU1LDEwLjgyLDcuOTVjMTAuMzYsOC4xOSwxNi44MiwxNC40NSwxNi44MiwyNS42LDAsMTUuMzMtMTQuMjIsMjcuMzUtMzcuMjUsMjcuMzUtMjUuMjgsMC00NC42LTExLjc3LTQ0LjYtMzEsMC0xNS45MiwxMy4yNC0yOS42Miw0OS41Ny0zMC4xM1oiLz48cGF0aCBpZD0icGF0aDQ0MzMiIGNsYXNzPSJjbHMtNCIgZD0iTTU4NSwxODBoNDguNTdsNy40LTcuNC0xMy45My0xLjc0YTYuODUsNi44NSwwLDAsMS02LTYuODRWMTcuMzVBNi43OSw2Ljc5LDAsMCwxLDYyMy40LDEybDguNzYtOC43Nkg1OTAuNzRMNTgwLDE0LjA2aDE2LjFWMTY2YTYuNzcsNi43NywwLDAsMS0yLjE0LDUuMTRaIi8+PHBhdGggaWQ9InBhdGg0NDM1IiBjbGFzcz0iY2xzLTUiIGQ9Ik02OTkuNCw2My4yMWMtMjcuMTIsMC01NS45MywyMC42Ny01NS45Myw1Ny43OCwwLDMwLjY1LDIwLjY3LDYyLjU2LDU5LjI5LDYyLjU2LDkuNjMsMCwxNy41Ni0xLjI0LDI1LTQuNjVBNTYuNDMsNTYuNDMsMCwwLDAsNzQ5LDE2MS43OGMtMTAuNTcsNS4zMy0xOS4xOSw4LjgzLTMwLjY0LDguODMtMjEuNzYsMC00Mi43NC0xNS43LTUwLjA4LTQ0LjU2TDc0NS4xNCw5NWMtNC40NC0xNS44My0xNy0zMS43Ny00NS43My0zMS43N1ptLTUsOC40OWMxNC41NSwwLDI1LjA3LDEyLDI1LjA3LDIxLjM0LDAsMy0xLjksNC42My01LjY2LDYuMTFsLTQ3LjI1LDE5LjExYTY2LjY1LDY2LjY1LDAsMCwxLTEuMjgtMTIuMzhjMC0yNywxOS41LTM0LjE4LDI5LjEyLTM0LjE4WiIvPjxwYXRoIGlkPSJwYXRoNDQzOSIgY2xhc3M9ImNscy02IiBkPSJNMzk3LjU3LDYzLjIxYy00MC41MSwwLTY1LjYxLDI5LjYtNjUuNjEsNjEsMCwyNy4xMiwyMC4yMiw1OS4zMiw2MS4xOSw1OS4zMiwzOS40MSwwLDYzLjU5LTI5LjY2LDYzLjU5LTYxLjYzLDAtMjkuNzgtMjMuNjMtNTguNy01OS4xNy01OC43Wm0tNi43Miw4LjYzYzI4LjU2LDAsNDEuMjgsMzcuMjEsNDEuMjgsNjMuNzUsMCwzOS40Ny0yOS42MSw0MC4yNS0zMy4xNSw0MC4yNS0xMy41NSwwLTIzLTguMTktMzAuMTEtMTguOTMtNi4yNC05LjktMTIuMzQtMjguMjktMTIuMzQtNDYuMjZTMzYyLjM5LDg0LDM3MS42MSw3Ny41OGEzNS4zNCwzNS4zNCwwLDAsMSwxOS4yMy01Ljc0WiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: cover;
  visibility: visible;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}

#hplogo:after {
  width: 300px !important;
  height: 103px !important;
}

#logocont:after{
  width: 110px !important;
  height: 38px !important;
}