.brand {
  display: grid !important;
  grid-template-columns: 72px max-content;
  grid-template-rows: auto auto;
  column-gap: 16px !important;
  row-gap: 6px;
  align-items: center;
  font-family: "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-size: 37px !important;
  font-weight: 800 !important;
  letter-spacing: .15px;
  line-height: 1 !important;
  white-space: nowrap;
}

.header-logo {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  width: 72px !important;
  height: 72px !important;
  border-radius: 0 !important;
}

.brand::after {
  content: "Information Technology Specialists";
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  color: #82e2eb;
  font-family: "Aptos", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.35px;
  line-height: 1.05;
  text-transform: uppercase;
  transform: scaleX(.931);
  transform-origin: left center;
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .brand { grid-template-columns: 60px max-content; column-gap: 14px !important; row-gap: 5px; font-size: 30px !important; }
  .header-logo { width: 60px !important; height: 60px !important; }
  .brand::after { font-size: 13.5px; letter-spacing: -.35px; transform: scaleX(.946); }
}

@media (max-width: 520px) {
  .brand { grid-template-columns: 48px max-content; column-gap: 11px !important; row-gap: 4px; font-size: 25px !important; }
  .header-logo { width: 48px !important; height: 48px !important; }
  .brand::after { font-size: 11px; letter-spacing: -.2px; transform: scaleX(.964); }
}
.brand {
  display: grid !important;
  grid-template-columns: 72px max-content;
  grid-template-rows: auto auto;
  column-gap: 16px !important;
  row-gap: 2px;
  align-items: center;
  font-family: "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-size: 37px !important;
  font-weight: 800 !important;
  letter-spacing: .15px;
  line-height: 1 !important;
  white-space: nowrap;
}

.header-logo {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  width: 72px !important;
  height: 72px !important;
  border-radius: 0 !important;
}

.brand::after {
  content: "Information Technology Specialists";
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  color: #82e2eb;
  font-family: "Aptos", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.35px;
  line-height: 1.05;
  text-transform: uppercase;
  transform: scaleX(.931);
  transform-origin: left center;
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .brand { grid-template-columns: 60px max-content; column-gap: 14px !important; row-gap: 2px; font-size: 30px !important; }
  .header-logo { width: 60px !important; height: 60px !important; }
  .brand::after { font-size: 13.5px; letter-spacing: -.35px; transform: scaleX(.946); }
}

@media (max-width: 520px) {
  .brand { grid-template-columns: 48px max-content; column-gap: 11px !important; row-gap: 1px; font-size: 25px !important; }
  .header-logo { width: 48px !important; height: 48px !important; }
  .brand::after { font-size: 11px; letter-spacing: -.2px; transform: scaleX(.964); }
}
.brand {
  display: grid !important;
  grid-template-columns: 72px max-content;
  grid-template-rows: auto auto;
  column-gap: 16px !important;
  row-gap: 2px !important;
  align-items: center;
  font-family: "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-size: 37px !important;
  font-weight: 800 !important;
  letter-spacing: .15px;
  line-height: 1 !important;
  white-space: nowrap;
}

.header-logo {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  width: 72px !important;
  height: 72px !important;
  border-radius: 0 !important;
}

.brand::after {
  content: "Information Technology Specialists";
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  color: #82e2eb;
  font-family: "Aptos", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.35px;
  line-height: 1.05;
  text-transform: uppercase;
  transform: scaleX(.931);
  transform-origin: left center;
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .brand { grid-template-columns: 60px max-content; column-gap: 14px !important; row-gap: 2px; font-size: 30px !important; }
  .header-logo { width: 60px !important; height: 60px !important; }
  .brand::after { font-size: 13.5px; letter-spacing: -.35px; transform: scaleX(.946); }
}

@media (max-width: 520px) {
  .brand { grid-template-columns: 48px max-content; column-gap: 11px !important; row-gap: 1px !important; font-size: 25px !important; }
  .header-logo { width: 48px !important; height: 48px !important; }
  .brand::after { font-size: 11px; letter-spacing: -.2px; transform: scaleX(.964); }
}