@charset "UTF-8";
#hero{
  margin-bottom: 10.4rem;
}
#intro .textContent{
  margin-bottom: 6.4rem;
}
#intro .heading{
  margin-bottom: 0.8rem;

  font-size: 2.7rem;
}
#intro img{
  margin-bottom: 8rem;
}
main{
  width: min(112rem,100%);
  margin-inline: auto;
}
section{
  margin-bottom: 8rem;
}
section .imgContainer{
  margin-bottom: 2.4rem;

  display: flex;
  gap: 1.6rem;
}
h2{
  padding-bottom: .8rem;
  margin-bottom: 2.4rem;

  font-size: 2.2rem;

  border-bottom: solid 1px #707070;
}
section ul{
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media (hover){
}
@media (max-width : 1200px){
}
@media (max-width : 599px){
}