@media only screen and (min-width : 601px) {

body { background-color: ghostwhite; font-family: Segoe UI, sans-serif;
       font-size: 17px; line-height: 1.5; padding: 1em; color: black; 
       max-width: 49em; margin: auto; text-align: justify; 
       border-width: 0pt 2pt 0pt 2pt; border-style: solid; 
       border-color: midnightblue; }

h1 { text-align: center; color: midnightblue;
     text-shadow: 2pt 2pt lightblue; }
     
h2 { text-align: left; color: midnightblue; }

ul { list-style-type: none; }

center { margin-left: 0px; margin-right: 50px; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

}

@media only screen and (max-width : 600px) {
body { background-color: ghostwhite; font-family: Segoe UI, sans-serif;
       line-height: 1.5; color: black; max-width: 49em; margin: auto; 
       text-align: justify; }

h1 { text-align: center; color: midnightblue; }

h2 { text-align: left; color: midnightblue; }

ul { list-style-type: none; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

}