@media only screen and (orientation: landscape) {

}
@media only screen and (max-width: 600px) {
    .headerLogo {
        transform: translateX(-25%);
        left: 50%;
        position: absolute;
    }
}