* {
	margin: 0%;
	padding: 0%;
}

p {
	margin: 1%;
	padding: 0.5% 5%;
	font-family: 'Georgia', serif;
	font-size: 1.75vw;
}

@media (max-width: 500px) {
	p {
		font-size: 3.5vw;
	}
}

ul {
	margin: 1%;
	padding: 0.5% 10%;
}

li {
	padding: 0.5%;
	font-family: 'Georgia', serif;
	font-size: 1.75vw;
}

@media (max-width: 500px) {
	li {
		font-size: 3.5vw;
	}
}

h1 {
	margin: 1%;
	padding: 2% 5% 0.5%;
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	font-size: 6vw;
}

@media (max-width: 500px) {
	h1 {
		font-size: 12vw;
		text-align: center;
		padding: 4% 5% 1%;
	}
}

h2 {
	margin: 1%;
	padding: 2% 5% 0.5%;
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	font-size: 4vw;
}

@media (max-width: 500px) {
	h2 {
		font-size: 8vw;
		text-align: center;
		padding: 4% 5% 1%;
	}
}

h3 {
	margin: 1%;
	padding: 0.5% 5%;
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	font-size: 2vw;
}

@media (max-width: 500px) {
	h3 {
		font-size: 4vw;
		padding: 2% 5%;
	}
}

a {
	color: darkblue;
}

.imageCollection {
	padding: 0.5% 6%;
    display: flex;
    flex-wrap: wrap;
}

img {
	margin: 0.5%;
	width: 400px;
	height: auto;
	border-style: solid;
	border-width: 0.5vw;
	border-radius: 1vw;
	align-self: center;
}

@media (max-width: 500px) {
	img {
		display: block;
		margin-left: auto;
  		margin-right: auto;
		width: 85vw;
		height: auto;
		border-width: 1vw;
		border-radius: 2vw;
	}
}

.bookmark {
	display: block;
    position: relative;
    top: -5vw;
    visibility: hidden;
}

@media (max-width: 500px) {
	.bookmark {
		display: block;
	    position: relative;
	    top: -22vw;
	    visibility: hidden;
	}
}

nav {
	box-sizing: border-box;
	background-color: darkblue;
	position: sticky;
	top: 0;
	width: 100%;
	margin: 0%;
	padding: 1% 0%;
}

@media (max-width: 500px) {
	nav {
		padding: 4% 0%;
	}
}

nav ul {
	margin : 0%;
	padding: 0% 6%;
	
}

nav li {
	display: inline;
	list-style-type: none;
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	font-size: 3vw;
}

@media (max-width: 500px) {
	nav li {
		display: list-item;
		list-style-type: none;
		font-size: 4vw;
	}
}

nav li a {
	color: #FFFFFF;
}

footer {
	box-sizing: border-box;
	background-color: darkblue;
	width: 100%;
	margin: 0%;
	padding: 1% 0%;
}

footer p {
	margin: 1%;
	padding: 0% 5%;
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	font-size: 3vw;
	color: #FFFFFF;
}

@media (max-width: 500px) {
	footer p {
		font-size: 4vw;
	}
}

footer li {
	font-family: 'Epilogue', 'Helvetica', sans-serif;
	color: #FFFFFF;
}

footer li a {
	color: #FFFFFF;
}