body {
            margin: 0;
        }
        
        .main-nav{
            list-style-type: none; 
            position: fixed;
		    table-layout: fixed;
		    top: 0;
		    width: 102%;
		    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.25);
		    display: inline-block;
		    background-color: rgba(255, 255, 255, .9);
		    overflow: hidden;
		    margin: -5px 0 0 0;
		    font-weight: bold;
		    z-index: 7;
            }

        #menu_icon {
			display: none;
		    }

        #Webname{
			font-family: Bodoni MT Condensed, Arial, serif;
			font-size: 40;
			right: 0px;
			color: green;
			padding: 14px 12px;
        	text-decoration: none;
        	display: block;
			top: -13;
			float: right;
			position: fixed;
			z-index: 7;
			}

		#Webname:hover{
			background-color: rgba(0, 0, 0, 0);
			}

        li a{
			padding: 14px 9px;
            font-family: Agency FB;
			font-size: 20;
            text-align: center;
            text-decoration: none;
            display: block;
			font-size: 22;
            color: #663300;
            }

        li a:hover:not(.active) {
            background-color: rgba(219, 202, 120, 0.85);
            }

        li a:visited {
            color: #663300;
            }

	h1{
		text-align: center;
		font-size: 3em;
		margin: 5px 0;
	}

        h2 {
            text-align: center;
		    color: green;
		    font-family: Bodoni MT Condensed, Arial, sans-serif;
		    font-size: 75;
		    font-weight: 300;
		    margin-bottom: 0;
            }

        h3 {
            text-align: center;
            font-size: 2em;
        }

        p {
            text-align: left;
text-indent: 20px;
            margin: 0 10%;
padding-bottom: 10px;
        }

        div.pic {
          width: 400px;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          text-align: center;
          float: left;
          margin: 20px;
          background: white;
          font-family: Arial, Helvetica, sans-serif;
          font-weight: 100;
          height: 380px;
        }

        div.pic:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3)}

        a div img {
            width: 100%;
            height: 250px;
        }

        div p {
            padding: 10px;
            text-decoration: none;
        }

        #noimagediv {
            width: 800px;;
            height: 400px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            margin-left: auto;
            margin-right: auto;
            background-color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 200;
            text-decoration: wavy;
        }

        #noimg {
            width: 100%;
            height: 150px;
        }

        a {
            color: #663300;
        }

        a:visited {
            color: #663300;
        }

        #contacttext {
            font-size: 1.3em;
        }

        #email_button {
            border: 2px solid rgb(0, 150, 0);
            border-radius: 3px;
            background-color: white;
            text-align: center;
            font-size: 1.2em;
            padding: 10px 20px;
            color: rgb(0, 150, 0);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        #email_button:hover {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
            cursor: pointer;
        }

        img.DNAexpl {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
            margin: 20px;
            }

        div.quote {
            font-family: Arial, Helvetica, sans-serif;
            font-size: .9em;
            text-align: justify;
            border-left: 5px solid gray;
            background: rgba(255, 255, 255, .3);
            padding: 20px;
            margin: 2px 5%;
        }

        #archive_contents{
            background-color: rgba(255, 255, 255, .7);
            width: 1000;
            margin: auto;
            text-align: center;
            padding: 10px;
            border: 1px solid gray;
        }

        #archive_contents a {
            text-align: center;
            padding: 25px;
        }

        #map {
            background-color: grey;
            width: 100%;
            height: 400px;
        }