/* Media query for computer screens */
@media screen and (min-width: 768px) {
    /* Your styles for computer screens here */
nav {
      flex-direction: column;
/*      width: 100vw;*/
/*      height: 5rem;*/
      bottom: 0;
/*      justify-content: space-around;*/
/*      align-items: center;*/
      padding: 0 1rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
}
}

/* Media query for mobile devices */
@media screen and (max-width: 767px) {
    /* Your styles for mobile devices here */
body {
      max-width: 95%;
	height: auto;
	}
	
.flex-container {
      display: flex;
      flex: 0 0 100%;
      flex-wrap: wrap;
      width: 100%;
      min-width: 100%;
}
	
nav {
	  display: flex;
/*	  justify-content: center;*/
	  align-items: center;
      flex: 0 0 100%;
      flex-direction: row;
/*      width: 100vw;*/
      width: 100%;
      min-width: 100%;
      height: 7rem;
      bottom: 0;
      justify-content: space-around;
      align-items: center;
      padding: 1rem;
      padding-top: 4rem;
      padding-bottom: 4rem;
      font-size: 2em;
	  line-height: 1.25em;
}
	
nav a:hover {
/*    background-color: #333;*/
	  box-sizing: border-box;
      background-color: #808080;
      color: white;
      font-weight: normal;
      width: 100%;
      min-width: 100%;
      border: 2px solid white;
	  line-height: 1.25em;
}
}