/*------------------------------------------------*/
.container-about{
  background-color:unset; /* TESTING MQ PURPOSE */
}
/*------------------------------------------------*/
.container-about {
  grid-template-rows: minmax(200px, auto) minmax(750px, auto) minmax(1000px,auto) minmax(450px,auto) minmax(100px,auto);/* LAYOUT */
}
/*------------------------------------------------*/
#navbar{
  display:flex;
  height:250px;
  align-items:center;
  justify-content: center;
}

#navbar .nav-area{
  display:flex;
  flex-direction: column;
  height:300px;
  width:2000px;  
}

#navbar .nav-area ul li:hover ul{
  transform: translateX(-31.5rem); /* Bad practice - learn to make responsive dropdowns */
}

#content-about .features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(2fr, auto);
  padding: 5vh 10vw;
}