Problems with responsive theme

Good afternoon, thank you very much in advance.
My page is the NEXT: https://www.egr-studio.com (THEME: SYDNEY)

I have problems with my telephone version. I can’t see the menu button and i can’t see my logo.
Also i have problems with my responsive theme on diferent screens, my logo moves to diferents places. i want my logo fixed on the left, a bit away from the edge.

I’m using that code:

/*MENU: BARRA SEMITRANSPARENTE Y POSICIóN DE ESTA*/
header#masthead {
background: rgba(250,250,250,0.2);
height:55px;
top:50px;
left:0px;
}

/*SUBMENU: TAMA?O BARRA*/
#mainnav ul ul a {
width: 200px;
height:40px;
}
/*SUBMENU: SEMITRANSPARENTE*/
#mainnav .sub-menu li a {
background: rgba(28,28,28,0.94);
}

/*ALTURA ENCABEZADO*/
.header-image {
height: 200px;
}

/*POSICIóN DEL LOGO SOBRE EL MENU*/
@media screen and (min-width: 1025px) {
.header-wrap .row .col-md-8.col-sm-4.col-xs-12:nth-child(2) {
float: right;
}

img.site-logo {
position: absolute;
left: -170px;
top: -50px;
}
}

/*TAMA?O LOGO*/
.site-logo {
max-height: 180px;
}

Thank you!
Best regards,

EDGAR