/*CSS for main BKJ Designs site
Copyright: 2025 by Brian Grimes */

body{
  color:#36454F;
  background-color: #f3f3f3; 
}

#banner{
  background-color:#ADD8E6;
}


nav li{
  list-style: none;
  font-size:3em;
}

nav a{
  text-decoration: none;
  color:#36454F;
}

footer{
  font-size: .75em;
  text-align:center;
}

@media screen and (width > 600px){  
  body{
    display: grid;
    grid-template-columns: 20em 1fr 20em;
    grid-template-rows: 10em 25em 1fr 10em 10em;
    align-items: baseline;
  }


  nav{
    grid-column-start: 1;
    grid-column-end: span;
    grid-row-start: 1;
    grid-row-end: span;
  }

  #main{
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 2;
    margin-top: 3px;
  }

  aside{
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 3;
    grid-row-end: span;
  }

  footer{
    grid-column-start: 2;
    grid-column-end: span;
    grid-row-start: 5;
    grid-row-end: span;
  }
nav a:hover{
  background-color:#ADD8E6;
  }

}