@charset "UTF-8";
/* CSS Document */
html {
	}
body, #fixed, #content {
	width: 70%;
	max-width: 1500px;
	}
body {
	background-color: #FFF;
	font-family: super;
}
.footer {
  position: absolute;
  right: 40%;
  bottom: 0;
  left: 0;
  padding: 1rem;
	font-family:'super',sans-serif;
	font-size: 6pt;
  text-align: center;
}
a {
  color: blue;
  text-decoration: inherit;
}
@font-face {
	font-family: 'super';
	src: url('fonts/super.otf');
}
#fixed {
	position: fixed;
	z-index:10;
	}
#mainnav {
	font-size: 1.4em;
	border-style: solid;
	border-width: medium;
	text-align: left;
	color: #2a00ff;
	width: 5.6em;
	margin-left: 12%;
	margin-top: 11%;
}
ul {
	margin-right: 0.6em;
	margin-bottom: 0em;
	margin-left: -1.5em;
}
#title {
	font-size: 5em;
	color: #000;
	text-align: center;
	width: 100%;
	margin-left: -3%;
	margin-top:2%
	}
#content {
	width: 100%;
	text-align: center;
	padding-top: 12%;
	padding-bottom: 49%;
	}
#pic {
	width: 33%;
	max-width: 550px;
	margin-top: auto;
	margin-right: 55%;
	margin-left: auto;
	margin-bottom: auto;
	min-width:290px;
}
#blurb {
	font-size: 1.9em;
	text-indent: 6%;
	width: 40%;
	min-width: 400px;
	text-align: left;
	color: #000;
	margin-top: 3%;
	margin-right: 36%;
	margin-left: auto;
	margin-bottom: auto;
	}
	p {}
#smallerblurb {
	display:none;
	}
#pagecontents {
	width: 45%;
	max-width: 1100px;
	text-align: right;
	position: absolute;
	padding-top: 1em;
	margin-top: 14%;
	margin-right: 0%;
	margin-left: 32%;
	margin-bottom: 0%;
	}
#text {
	text-align: right;
	color: #000;
	font-size: 1.8em;
	}
.paintings {
	width:80%;
	max-width:600px;
	}
.caption {
	margin-top:-.1em;
	margin-bottom:50%;
	color:#FC8DA6;
	}
#description {
	margin-bottom:20%;}




	@media (max-width: 1200px) and (min-width: 710px){
    body {
    }
	#blurb {
	font-size: 1.9em;
	text-indent: 6%;
	width: 40%;
	min-width: 400px;
	text-align: left;
	color: #000;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	}
	#smallblurb {
	display:none;
	}
}
@media screen and (max-width : 710px ) and (min-width : 375px ){
    body {
    }
	#blurb {
	font-size: 1.9em;
	text-indent: 6%;
	width: 40%;
	min-width: 400px;
	text-align: left;
	color: #000;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	}
	body, #fixed, #content {
	width: 100%;
	max-width: 1500px;
	}
	#smallerblurb {
	display:none;
	}
	#text {
	text-align: right;
	color: #7054ff;
	font-size: 1.3em;
	margin-top:3em;
	}
}

@media screen and (min-width: 0px) and (max-width: 375px) {
	#fixed {
	position: relative;
	}
	#title {
		font-size:4em;
		}
	#content {
	width: 90%;
	text-align: center;
	padding-top: 12%;
	padding-bottom: 5%;
	}
	body, #fixed {
	width: 100%;
	max-width: 500px;
	}
	#mainnav {
	font-size: 1.2em;
	border-style: solid;
	border-width: .2em;
	text-align: left;
	color: #2a00ff;
	width: 6.1em;
	margin-left: 12%;
	margin-top: 3%;
}
ul {
	margin-right: 0.7em;
	margin-bottom: 0em;
	margin-left: -1.7em;
}
html {
	max-width:100%;
	}
a {
  color: inherit;
  text-decoration: inherit;
}
@font-face {
	font-family: 'super';
	src: url('fonts/super.otf');
}

#pic {
	width: 33%;
	width:290px;
	margin-top: auto;
	margin-right: 55%;
	margin-left: auto;
	margin-bottom: auto;
}
#blurb {
	display:none;
	}
	p {
		}
	#smallerblurb {
		display:block;
		width:90%;
		font-size: 1.3em;
	text-align: left;
	color: #000;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
	float: none;
	text-indent:6%;
	padding-bottom:50%;
		}
		#text {
	text-align: right;
	color: #7054ff;
	font-size: 1.2em;
	width: 84%;
	}
	#pagecontents {
	width: 80%;
	max-width:1100px;
	text-align: center;
	position: relative;
	padding-top: 20%;
	margin:auto;
	display:inline-block;
}
#description {
	margin-bottom:20%;
	text-align:center;
	background-color:red;}
}