.my-logo {
  margin: auto;
  padding: 0.75rem 0;
}
#navbar {
  flex-direction: column;
  align-items: center;
}
#navbar li {
  padding: 1rem;
}
#main-header {
  height: 12rem !important;
  border-bottom: 3px solid #ffbc00;
  background-position: 20% 30%;
}
#main-header #showcase {
  display: none;
}
#inner-header {
  height: 12rem;
}

#awards-special .container {
  display: block;
}
#awards-special .award-container {
  display: block;
}
#progress .container {
  display: block;
}
#awards-special ul {
  text-align: center;
  padding: 1rem;
}
.m-heading {
  font-size: 1.75em;
}
#about-me .about-container {
  grid-template-columns: 1fr;
  padding: 1rem;
  width: 100%;
}
#about-award .container {
  display: grid;
  grid-template-columns: 1fr;
}
.s-heading {
  font-size: 0.75rem;
}
.m-heading {
  font-size: 1.5rem;
  font-family: "Noto Sans", sans-serif;
  margin-bottom: 0.75rem;
}
#special {
  display: none;
}
#testimonials .test-container {
  grid-template-columns: 1fr;
}
#testimonials .test-container > div p {
  padding: 0;
}
#work-a .container .items {
  display: grid;
  grid-template-columns: 1fr;
  padding: 1rem;
}
#contact-a .text-fields {
  display: grid;
  grid-template-areas: "name" "email" "subject" "phone" "message";
  padding: 0 1rem;
}
#personal-info {
  display: grid;
  grid-template-columns: 1fr;
}
#personal-info > div {
  border-bottom: 1px #777 dotted;
  padding: 1rem;
}
#personal-info > div:last-child {
  border: none;
}

@media (max-width: 800px) {
  #main-header {
    height: 30rem;
  }
  #showcase {
    padding-top: 5rem;
  }
}