/* THESE STYLES DESIGNED AND BUILT ENTIRELY BY HAND
WITH LOVING CARE JUST FOR YOU BY IAN BESLER */

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

	h1 {
		font-size: 4em;
		padding-top: 30vh;
	}
		.red-underline-dotted {
			border-bottom: 0.04em dotted #f00;
		}
	h2 {
		font-size: 1.2em;
		margin-top: 2em;
	}
	h2+h2 {
		margin-top: 0.5em;
	}
	h3 {
		font-size: 10vw;
	}
	nav a {
		font-size: 1.2em;
		width: 95%;
		border: 0.05em solid #000;
	}
		summary a {
			font-size: 4vw;
			top: -5.2em;
		}
	figure {
		width: 74%;
		height: 40vh;
		margin: 2.5% auto 0 auto;
		background-attachment: initial;
	}
		figcaption {
			opacity: 0;
		}
		figure:hover figcaption {
			font-size: 1em;
			height: 80%;
			padding: 10% 10% 0 10%;
		}
		figcaption ol li {
			font-size: 2.5vw;
		}
	section#works-cited ol li {
		padding-left: 2.5%;
		max-width: 90vw;
		margin-bottom: 1em;
	}

	.word-break {
		word-break: break-all;
	}

}

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

	h1 {
		font-size: 8em;
		padding-top: 30vh;
	}
		.red-underline-dotted {
			border-bottom: 0.04em dotted #f00;
		}
	h2 {
		font-size: 1.2em;
		margin-top: 2em;
	}
	h2+h2 {
		margin-top: 0.5em;
	}
	h3 {
		font-size: 10vw;
	}
	nav a {
		font-size: 1.2em;
		width: 95%;
		border: 0.05em solid #000;
	}
		summary a {
			font-size: 4vw;
			top: -5.2em;
		}
	figure {
		width: 74%;
		height: 40vh;
		margin: 2.5% auto 0 auto;
		background-attachment: initial;
	}
		figcaption {
			opacity: 0;
		}
		figure:hover figcaption {
			font-size: 1em;
			height: 80%;
			padding: 10% 10% 0 10%;
		}
		figcaption ol li {
			font-size: 2.5vw;
		}
	section#works-cited ol li {
		padding-left: 2.5%;
		max-width: 90vw;
		margin-bottom: 1em;
	}

	.word-break {
		word-break: break-all;
	}

}