/* grid styles ------------------------------------ */
@media (min-width: 300px) {
  main {
    display: grid;
	background-image: url(img/background.jpeg);
 }

  .info1 {
     grid-template-columns: 1fr;
	 grid-column: span 1;
     grid-row: span 1;
	 font-family:"Times New Roman", Times, serif;
	 text-align: center;
	 text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
	 color:#000000;
	 background-color: none;	 
  }
  
  .info2 {
     grid-template-columns: 1fr;
	 grid-column: span 1;
     grid-row: span 1;
	 font-family:"Times New Roman", Times, serif;
	 text-align: center;
	 text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
	 color:#000000;
	 background-color: none;	 
  
  }
 
}

/* generic styles ----------------------------------- */
body {
  margin: 0 auto;
  font-family: "Times New Roman", Times, serif;
}

header {
 padding: 1px;
}


.info1, .info2 {
  padding: 1px;
  color: #000000;
}

h2 {
  font-size: 2em;
  margin-bottom: 1em;
  border:#000000, thick;
  border-style:solid;
  
}

h3 {
  font-size: 2em;
  margin-bottom: 1em;
}

p {
  margin-bottom: 1em;
  font-size: 1em;
}

.info-link {
  font-family:"Times New Roman", Times, serif;
	 text-align: center;
	 text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
	 color:#000000;
}
/* CSS Document */