#navbar .container{
  flex-direction: column;
  align-items: center;
  gap:.8rem;
  padding: .8rem 0;
}


#showcase, #showcase::before{
  height: 90vh;
}


#showcase .showcase-content h1{
  font-size: 3rem;
}

#showcase .showcase-content .sch-arms{
  flex-direction: column;
  gap: 1rem;
}

#showcase .showcase-content .sch-arms  p{
  font-size: 1.2rem;
}


#about .qualities{
  flex-direction: column;
}

#about .qualities .quality, #contact .contact-boxes .contact-box{
  border-bottom: 1px dotted #444;

}

#about .qualities *:last-child, #contact .contact-boxes *:last-child{
  border: none;
}


#contact .contact-boxes{
  flex-direction: column;
  gap: 1.5rem;
}