#main-nav .social{
  display: none;
}

#main-nav .container{
grid-template-columns: 1fr;
grid-gap: 1.2rem;
}

#main-nav .container ul li a{
    padding: 0.5rem;
}
#main-nav .container ul,
#main-nav .container .logo{
    justify-self: center;
}

#showcase .showcase-container{
    grid-template-columns: 1fr;
}

#gallery-form  .forms{
    grid-template-columns: repeat (2,1fr);
}