.header .logo img {
  max-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Tablets */

@media screen and (max-width: 1366px) {

.header .logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;}
}
}

/* Mobile Devices */

@media screen and (max-width: 782px) {
.header .logo img {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;}
}