Please help with stuck logo

[Killaway]

Hi, ive got an issue with my image banner sticking to the left hand side. No matter what ive tried, it just wont center. Im using the dawn theme on the latest version. 

Currently have this in the custom css:

@media screen and (max-width: 750px) {
.banner,
slideshow-component {
display: none;
}
}
.banner__media.media {
height: auto;
max-width: 300px;
display: block;
margin: 15px auto 0 auto;
float: none;
}
.banner__text {
margin-top: 35px;
color: white;
}
.banner {
background-color: #001134;
}
.banner__box {
background-color: transparent;
color: white;
}
.banner__content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
height: 100%;
}
.banner__buttons {
background-color: transparent;
border: 2px solid white;
}

This is my website: www.intellipix.co.uk

all i need is the logo to go center and thats it 😞

thanks

[Killaway]

Nevermind, Fixed!