/* Custom logo styling to override theme defaults */
.profile .avatar {
  /* Override theme's circular avatar styling */
  width: auto !important;
  height: 60px !important;
  max-width: 300px;
  border-radius: 0 !important;
  object-fit: contain;
  display: block;
  margin: 0 auto 20px auto;
}

/* Responsive logo scaling */
@media (max-width: 768px) {
  .profile .avatar {
    height: 50px;
    max-width: 250px;
  }
}

@media (max-width: 480px) {
  .profile .avatar {
    height: 40px;
    max-width: 200px;
  }
}