cresting s new logo position and making it responsive

i have created a new position hwologo in the upper left corner of my site.www.hetwarmonthaal.nl/index.php

in the offcanvas.css i added
#hwologo {
position:absolute;
top:8px;
bottom:0;
left:30px;
right:0;
width:300px;
height:300px;
overflow:show;
z-index:1;
display:block;

}

this is probably complete shit, but it works, so far

I want this logo to be responsive
what div class should i use or if i need to create a new class how should i go about.