body{
font-family: Helvetica, Arial, sans-serif;
color: darkslategrey;
font-size: 1.00rem;
margin: auto;
border: 1px solid darkblue;
text-align: left;
}

@media screen and (orientation: landscape)
{
body {
width:50%;
margin: auto;
}
}

@media screen and (orientation: portrait)
{
body {
width:100%;
margin: auto;
}
}

@media screen and (width >= 600px) {
  .wrapper {
    display: flex;
  }

  .col1 {
      margin-right: 5px;
  }

  .col2 {
    flex: 1;
   text-align: left;
  }
}

h1 {
  font-size: 1.35rem;
  margin-top: 0;
  margin-bottom: 0.05em;
  line-height: 1.2em;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: snow;
  background-color: darkslategrey;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}
h2 {
  font-size: 1.28rem;
  /*font-style: italic;*/
  margin-top: 0.5em;
  margin-bottom: 0.05em;
  line-height: 1.1em;
  text-align: left;
  font-weight: bold;
  color: snow;
  background-color: #2c5397;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}

h3 {
  font-size: 1.25rem;
  margin-top: 0.3em;
  margin-bottom: 0.05em;
  line-height: 1em;
  font-weight: bold;
  color: darkslategrey;
  padding-left: 2px;
}
h4 {
  font-size:1.20rem;
  margin-top: 0.3em;
  margin-bottom: 0.05em;
  line-height: 1em;
  font-weight: bold;
  color: darkslategrey;
  padding-left: 2px;
}
p {
  font-size: 1.00rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: darkslategrey;
  background-color: snow;
  padding-left: 1.0em;
  text-align: left;
}

a:link {
  text-decoration: none;
  color: darkslategrey;
  background-color: snow;
}

a:visited {
  text-decoration: none;
  color: darkblue;
}

a:hover {
  background-color: yellow;
}

a:active {
  background-color: yellow;
}

li{
margin-left: 1.5em;
list-style-position: inside;
}
       
      

header { background-color: darkred; color: white; padding: 1rem; }
        
nav ul { list-style: none; margin: 0; padding: 0;color: white;}
        
nav li { display: inline; margin-right: 20px;color: white;}
        


button{
background-color: darkred;
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;}

img{
width:100%;
height:auto;
}