@media screen and (max-width: 1439px) {

body {
	background-color: #000000;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

main {
	margin: 0 auto;       	
	color: #ffffff;		 
}

p    {
	   display: flex;
       justify-content: center;
       text-align: center;
       margin-left: 1em;
       margin-right: 1em;
       font-size: 18pt;
       font-family: verdana, sans-serif;
     }

nav {
      display: flex;
      width: 100%;
	  justify-content: center;
	  color: #ffffff;
      margin-top: 1em;
      padding-top: 3em;
    }

h3  {
      font-family: helvetica, sans-serif;
    }

h2  {
	  text-align: center;
      font-size: 32pt;
      font-family: helvetica, sans-serif;
    }

h1 {
	width: 100%;
	text-align: center;
	font-size: 64pt;
	font-family: helvetica, sans-serif;
}    

li {
		list-style: none;
		text-align: center;
   }

nav a  {
         text-decoration: none;
         text-align: center;
         color: white;
         font-size: 18pt;
         font-family: sans-serif;
       }

nav a:hover {
	          text-decoration: underline;
            }           

form {
       display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
       margin-left: 1em;
       margin-right: 1em;
     }

img  {
       margin-top: 3em;
     }

footer {    
    display: flex;
    flex-direction: column;      
	width: 100%;
	background-color: #000000;
    bottom: 0;
    margin-top: 5em;
	text-align: center;
	font-style: italic;
	font-family: verdana, sans-serif;
}


#pitch {
         font-size: 18pt;
       }

#thumbnails {
              display: inline-grid;
              grid-column: auto;
              margin-left: auto;
              margin-right: auto;
              justify-content: center;
              width: 100%;
              
            }

#gallery    {
              display: inline-grid;
              grid-column: auto;
              margin-left: auto;
              margin-right: auto;
              justify-content: center;
              width: 100%;
              
            }


/*#gallery a    {
	            display: block;
	            text-align: center;
	            text-decoration: none;
	            color: white;
	            font-size: 14pt;
	            font-family: sans-serif;
              }

#gallery a:hover  {
                    text-decoration: underline;
                  }
These gallery styles are old and not in use for now but I will keep them around just in case */


#home       {
              padding-left: 3em;
            }

#about      {
              padding-inline: 1em; 
            } 

#contact    {
              padding-right: 3em;
            } 

#profile {
              display: block;
              margin-left: auto;
              margin-right: auto;
         }

}


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


body {
       background-color: #000000;
       color: #ffffff;
       margin-bottom: 10em;
       min-height: 400px;
     }

main {
       margin: 0 auto;         
       color: #ffffff;      
     }

h1 {
     display: inline-flex;
     padding-left: .25em;
     width: 60%;
     font-size: 72pt;
     font-family: helvetica, sans-serif;
   }

h3  {
      margin-top: 2em;
      margin-bottom: 3em;
      text-align: center;
      font-size: 24pt;
      font-family: helvetica, sans-serif;
    }

h2  {
      text-align: center;
      font-size: 32pt;
      font-family: helvetica, sans-serif;
    }

p    {
       display: flex;
       justify-content: center;
       text-align: center;
       margin-left: 1em;
       margin-right: 1em;
       font-size: 18pt;
       font-family: verdana, sans-serif;
     }

li {
        list-style: none;
        text-align: center;
   }

nav {
      display: inline-flex;
      flex-direction: right; 
      width: 35%;
    }

nav a {
        text-decoration: none;
         text-align: center;
         color: white;
         font-size: 24pt;
         font-family: sans-serif;
      }

nav a:hover {
              text-decoration: underline;
            } 

form {
       display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
       margin-left: 40em;
       margin-right: 40em;
       font-family: verdana, sans-serif;
     }

img  {
       margin-top: 3em;
     }

figcaption {
             text-align: center;
             padding-top: 2em;
             font-weight: bold;
             font-family: helvetica, sans-serif;
           }

footer {
	 display: flex;
    flex-direction: column;      
	width: 100%;
	background-color: #000000;
	position: fixed;
    bottom: 0;
    margin-top: 5em;
	text-align: center;
	font-style: italic;
	font-family: verdana, sans-serif;
}

/*.container {
             display: flex;
           }*/

/*#wrapper {
	width: 100%;
}*/

#skills {
          word-spacing: 3em;
          margin-bottom: 5em;
          font-weight: bold;
        }

#pitch {
         margin-left: 10em;
         margin-right: 10em;
         font-size: 18pt;
       }
             
#info {
	    margin-left: 0;
	    padding: 1em;
      }

#aboutme {
           margin-left: 30em;
           margin-right: 30em;
         }

#profile {
           display: block;
              margin-left: auto;
              margin-right: auto;   
         }

#gallery {
              display: grid;
              min-height: 300px;
              grid-template-columns: auto auto auto;
              padding-left: auto;
              padding-right: auto;
              justify-content: center;
              width: 100%;
         }

#thumbnails {
              display: grid;
	          min-height: 300px;
	          grid-template-columns: auto auto auto;
              padding-left: auto;
              padding-right: auto;
              justify-content: center;
              width: 100%;
            }

#thumbnails img {
                  padding-left: 5em;
                  padding-right: 5em;
                }

#gallery img {
               padding-left: 5em;
               padding-right: 5em;
             }

#thumbnails img:hover {
                        transform: scale(1.1);
                      }

#gallery img:hover {
                     transform: scale(1.1);
                   }

#home       {
              padding-left: 3em;
            }

#about      {
              padding-inline: 1em; 
            } 

#contact    {
              padding-right: 3em;
            } 

}