@media only screen and (min-width: 32.5em) {
    /***********************************Headings/Footer/Body******************************/
     h1{
        font-size: 2.5rem;
    } h2 {
        font-size: 1.5rem;
        border-bottom: 4px solid rgba(0,0,0,0.5);
        width: 99%;
    } header {
        border-width: 3px 3px 0px 3px;
        border-style: groove;
        border-color: #383A3C;
        margin: 0 auto;
    } .text-addons {
        font-size: 1.2rem;
    } .text_adjust {
        padding:0;
    }
    /*************************NAVIGATION BAR*****************************/
     .navigation {
        display: flex;
    } .navigation li {
        display: block;
        flex: 1 1 100%;
    } .navigation li:nth-of-type(1) {
        display: none;
    }
/********************************Index***********************************/
    
  
  .towns section:nth-of-type(1) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text1 pic4";
  }
   .towns section:nth-of-type(2) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "pic5 text2";
  } .towns section:nth-of-type(3) {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "text3 pic6";
  }


    
}