﻿@charset "UTF-8";
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}

#container {  display: grid; grid-template-rows: auto auto 5em; grid-template-columns: minmax; grid-template-areas:    "banner banner"    "main   main"     "footer footer";}


body {background-color: white;
  font-family: Georgia, serif;
  font-size: 100%;  
  margin: 0;
}

/* link style */
a:link, a:visited { color: navy; }
a:focus, a:hover, a:active { color: red; }

a { 
  border-bottom: 1px dotted;
  padding-bottom: .2em;
  text-decoration: none;
}


/* header style */
header { 
b
  
  
  background-color: white; border-bottom: navy; grid-area: banner; height: 20em;
  text-align: center;
  
}
header p {
  font-style: italic;
  font-size: 1.2em;
  margin-top: -12px;
}
header h1 {
  margin-top: 1.5em;
}


/* nav style */
nav, footer {
 background-color: #022162;
  font-family: verdana, sans-serif;
 
}
nav ul li a:link, nav ul li a:visited {
  color: white;
}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {
  color: red;
}
nav ul li a {  display: block;  border: 1px solid;  border-radius: .5em;  padding: .5em 1em;  margin: .5em;}
nav ul {
  margin: 0; padding: 0;  list-style-type: none;display: flex; justify-content: center;
}
nav ul li {letter-spacing: .2em;
   font-size: .8em; 
  text-transform: uppercase;
  
}

/* main "products" style */
main {
  grid-area: main;
  font-family: 'Stint Ultra Expanded', Georgia, serif;
  background-color: white;
  line-height: 1.8em;
  color: navy;
  padding: 1em;
  border-top: double 4px navy;
  link: navy
 
}
h3 {
  text-align: center;
  color: Navy
  letter-spacing: .2em;
  
}

h4 {
				text-transform: uppercase;
				font-weight:bold;
}
h5 {font-family: verdana, sans-serif; font-size: .8em; text-transform: uppercase; }


p.more {
  font-family: verdana, sans-serif;
  text-transform: uppercase; 
  font-size: .8em;
  clear: left;
}
main img {
  float: left;
  margin: 0 1em 1em 0;
}

i
}

/* aside "hours" style */
aside {
  

  background-color: white
  ;
  border-left: medium navy dashed 
  padding: 1em;
  padding-left: 45px;
  color: navy;}
    
aside  a:link, a:visited {
  color: navy;
}

  
footer {grid-area: footer;
  color: #EADDC4;
  font-size: .8em;
  padding: 1em;
  text-align: center;
}
#award { 	
  position: fixed; 	
  top: 30px; 	
  left: 50px;
}
h2 {
  font-family: 'Stint Ultra Expanded', Georgia, serif;
 
 
  
}
.day {
  color: white;
  font-family: verdana, sans-serif;
  font-size: .8em;
  text-transform: uppercase;
  
}

