@media (width < 600px) {        

.wrapper {

  background-color: var(--wrapper-background);
}}








@media (width < 900px) {                      /*  */

.sub-navigation-wrapper {

  background-color: var(--wrapper-background);
  display: grid;
  grid-template-columns: 1fr 1fr;

}}






@media (width < 600px) {

.sub-navigation-wrapper {

  background-color: var(--wrapper-background);
  display: grid;
  grid-template-columns: 1fr;
 

}}


@media (width < 900px) {                      /*  */

.sub-navigation-footer-wrapper {

  background-color: var(--wrapper-background);
  display: grid;
  grid-template-columns: 1fr 1fr;

}}






@media (width < 600px) {

.sub-navigation-footer-wrapper {

  background-color: var(--wrapper-background);
  display: grid;
  grid-template-columns: 1fr;
 

}}


@media (width < 400px) {

.logo {

 display: none;
 

}}





@media (width < 600px) {

.main-content-head {

  
  display: grid;
  grid-template-columns: 1fr;
 

}}