I would like to center logo in page header

I would like to center the logo on my colorway template website... www.happeningseventplanning.com
Is there an easy way to do this? Thank you!

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.logo img {
margin-left: 165px;
}
@media only screen and ( max-width: 768px ) {
.logo img {
margin-left: 1px;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.logo img {
margin-left:75px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.logo img {
margin-left: 1px;
}
}
 
@media only screen and (max-width: 480px){
.logo img {
margin-left: 1px;
}
}