@media screen and (min-width: 980px) {
    body {
	font-size: 1em;
    }

    h1 {
	font-size: 2.8em;
	padding: 1.3em 0 0 0;
	margin-bottom: 0;
    }
    
    h2 {
	font-size: 2em;
	padding: none;
	margin: 0;
    }

    h3 {
	font-size: 1.8em;
	margin: 0;
    }
    
    p {
	margin: 0.5em 3em;
    }
    
    nav {
	font-size: 1.2em;
    }

    footer {
	font-size: 0.8em;
    }

    .textbox {
	padding: 1em 0;
	margin: 0 5em 1em;
    }
}

@media screen and (max-width: 979px) {
    body {
	font-size: 1.3em;
    }

    h1 {
	font-size: 2.8em;
	padding-top: 1em;
	margin-bottom: 0;
    }

    h2 {
	margin: 0;
    }
    
    p {
	margin: 1em;
    }
    
    .textbox {
	padding: 1em 0;
	margin: 0 2em;
    }
}

@media screen and (max-width: 800px) {
    body {
	font-size: 1.1em;
    }
    
    h1 {
	font-size: 2.8em;
	padding-top: 1em;
    }

    h2 {
	font-size: 1em;
    }

    nav {
	font-size: 0.8em;
    }

    p {
	margin: 1em;
    }

    .textbox {
	padding: 1em 0;
	margin: 0 0.5em;
    }
}

@media screen and (max-width: 500px) {
    body {
	font-size: 1.1em;
    }
    
    h1 {
	font-size: 1.4em;
	padding-top: 4.5em;
    }

    h2 {
	font-size: 1em;
    }

    nav {
	font-size: 0.8em;
    }

    p {
	margin: 1em;
    }

    .textbox {
	padding: 1em 0;
	margin: 0 0.5em;
    }
}

body {
    background: linear-gradient(rgba(219,112,147,0.7), rgba(128,128,128,0.5));
    background-color: black;
    color: rgb(255, 235, 245);
    font-family: 'PT Sans', sans-serif;
     text-shadow: 1px 1px black;
    margin: 0;
    background-attachment: fixed;
}

a {
    color: rgb(255, 245, 215);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style-type: none;
}

hr {
    border: none;
}
    
h1, h2, h3, h4 {
    text-align: center;
}

h1, h2, h3 {
    color: white;
    font-family: 'Architects Daughter', cursive;
}

nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(92, 39, 55, 0.95);
    border-bottom: 2px solid rgba(122, 69, 85, 0.85);
}

.topnav {
    text-align: right;
}

.topnav li {
    display: inline-block;
    margin-right: 1em;
}
    
    
hr {
    border: none;
    clear: both;
}

.thumbs {
    margin: 0 1em;
}
    
.thumbs li {
    float: left;
    margin: 0.5em 0.5em 0;
    list-style-type: none;
}

a.photo img {
    height: 6em;
    width: 6em;
    border-radius: 0.5em;
}

header {
    height: 11.5em;
}

footer {
    height: 3em;
    background-color: black;
    text-align: right;
}

header, section, footer {
    padding: 1px;
}

.textbox {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1em;
}

.separator {
    height: 1em;
    margin-bottom: 1em;
    width: 50%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.right-just {
    float: right;
    width: 8em;
    border-radius: 2em;
    padding: 1em;
}