@media only screen and (min-width: 800px) {    
 
/*----------- HEADER-------*/
.headertext {
  width: 40%;
}

.headertext > h1 {
  font-size: 3em;
}

header.logo {
  width: 25%;
}

#motto {
  font-size: larger;
}
.currentConditions {
  padding: 1%;
  color: black;
  background-color: rgba(255, 255, 255, 0.952); 
  border: 1pt solid burlywood;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
}

.currentConditions img {
  width: 60px;
}

.currentConditions p {
  align-self: center;
}

/*----------- NAV MENU-------*/
nav button {
  display: none;
}

nav ul.hide {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 5px;
}

/*----------- MAIN -------*/
/*----------- BANNER SECTION -------*/
/*----------- WEATHER SUMMARY -------*/
.weatherdetails {
  margin-bottom: 5%;
  margin-left: 7%;
}

/*----------- TABLE -------*/
/*available with medium view and up*/
 .forecast {
   display: table;
   width: 90%;
   margin-top: 15%;
   margin-bottom: 0;
  } 

  .forecast > h3 {
    text-align: center;
  }

  .forecast > table {
    table-layout: fixed;
    width: 100%;
    text-align: center;
  }

  /*----------- ARTICLE -------*/
  article.prestonstory {
    margin-top: 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .artheader {
    width: 100%;
  }
  
  .prestonimg {
    order: 3;
    width: 45%;
  }

  .prestonimg > img {
     width: 100%;
  }

  .story {
    margin-right: 5%;
    width: 45%;
  }

  /*----------- FOOTER -------*/
  .content {
    display: flex;
    flex-direction: row-reverse;
  }

  .contact {
    margin-right: 10%;
  }
  .prestonmap {
    margin-right: 15%;
    margin-top: 2%;
  }

  p.footer-bar {
    font-size: larger;
  }


  /*----------GALLERY---------*/
  .weatherGallery {
    display: grid;
    grid-template-columns: 25% 25% 25%;
    grid-template-rows: 35% 35%;
    grid-gap: 10%;
  }

   /*--------- INDEX -----------*/
   .index {
    align-items: center;
    margin-top: 2%;
  }
  /*--Story--*/
  .storyindex{
    display: flex;
    flex-direction: row;
    border: none;
    margin-top: 2%;
    width: 100%;
  }
  .storydata {
    display: flex;
    flex-direction: column;
    width: 50%;
    box-shadow: 2px 2px 25px darkslateblue;
  }
  .storydata h3 {
    margin: 5% 10% 0;
    padding: 2%;
    background-color: rgba(82, 82, 161, 0.582);
  }

  #story {
    padding: 2% 10% 2% 10%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .storyimg {
    display: flex;
    flex-direction: column;
    margin-left: 10%;
    width: 50%;
  }

  .storyimg img {
    width: 90%;
  }

  .towndata {
    display: flex;
    flex-direction: row;
  }

  /*--Preston Soda Springs Fish Haven--*/
  .prestonindex, .sodaindex, .fishindex {
    display: flex;
    flex-direction: column;
    border: 1px solid blue;
    box-shadow: 2px 2px 25px darkslateblue;
    margin-left: 1%;
    margin-right: 1%;
  }

/*----------STORM CENTER ---------*/
  #thanks {
    font-size: 3rem;
  }
}