@charset "UTF-8";


body {
	margin: 0;
	padding:0;
	/* font-family: 'Merriweather', serif; */
	font-family: 'Libre Baskerville', serif;
}

h1, h2, h3, h4, p, ul {
	/* font-family: 'Merriweather', serif; */
font-family: 'Libre Baskerville', serif;
	
}

h1 {
  font-size: 50px;
    text-align:left;
		margin-top: 5px;
	margin-bottom: 20px;
}

h2 {
  font-size: 40px;
    text-align:left;
		margin-top: 5px;
	margin-bottom: 20px;
}

h3 {
  color:black;
  font-size:40px;
    text-align:left;
		margin-top: 20px;
	margin-bottom: 5px;
}


p, ul {
	font-size: 18px;
	text-align:left;
	line-height: 40px;   /* within paragraph */
	margin-top: 0px;

}

p {
	font-size: 18px;
	text-align:left;
	line-height: 40px;   /* within paragraph */
	margin-bottom: 30px;
	margin-top: 0px;

}



img.inline {
  max-width: 50%;
  height: auto;
  float:right;
  margin-left: 10px;
  margin-bottom: 20px;
}


.h3header h3, .h3header p {
    display: inline;
    line-height: 28px;  
	margin-right:10px;
	text-align:left;
	margin-top:20px;
}
.h3header h3 {
	margin-right:20px;
}

.h3header {
	margin-top:20px;
	margin-bottom: 8px;
	text-align:left;
}



.h4trait h4, .h4trait p {
    display: inline;
    line-height: 28px;  
	margin-right:10px;
	text-align:left;
	margin-top:20px;
}

.h4trait p {
	font-size:20px;

}

.h4trait h4 {
	margin-right:20px;
	font-size:22px;
}

.h4trait {
	margin-top:20px;
	margin-bottom: 8px;
	text-align:left;
}

.tag	{
	font-size: 16px;   border-radius: 25px; background-color:#000;color:#fff;display:inline-block;padding-left:15px;padding-right:15px;text-align:center;margin-right:4px;margin-bottom:4px; margin-top:4px; text-transform:capitalize;
	}




.blotBox	{
	padding-top:40px;
	padding-bottom:40px;
	
}

.centerBox h3, .centerBox p, .centerBox h2	{
	text-align:center;
	
}

.centerBox h3	{
	margin-top:40px;
	
}

.centerBox	{
	padding-top:40px;
	padding-bottom:40px;
	
}


.square	{
	margin:auto;
	width: 100vmin;
	height: 100vmin;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

.col	{
	margin:auto;
	width: 98vmin;
	overflow: hidden;
}

.widecontainer	{
	margin:auto;
	width: 100%;
	height: 100vmin;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}

.textBox {
	background-color: white;
	text-align:left;
	width:100vmin;
	display:inline-block;
}


@media screen and (max-width: 1400px) {
  .textBox {   
  }
}

.nav {
	position: fixed;
	top: 0;
	left: 0;
	border: 1px solid;
	display:inline-block;
	background-color:white;
	padding: .5em;
	font-size: 2em;
	color:black;
	box-shadow: 0px 0px 5px coral inset, 0px 0px 10px lightblue;
	margin-left: 8px;
	margin-top: 8px;
	z-index: 99;
}

.nav a:visited {
  color: black;
}


.blotNo {
	float:left;
	width: 23%;
	height: 23%;
	margin:1%;
	background-image:url(/assets/thumbs/blot-01.jpg), url(/assets/thumbs/blot-02.jpg), url(/assets/thumbs/blot-03.jpg), url(/assets/thumbs/blot-04.jpg), url(/assets/thumbs/blot-05.jpg), url(/assets/thumbs/blot-06.jpg), url(/assets/thumbs/blot-07.jpg), url(/assets/thumbs/blot-08.jpg), url(/assets/thumbs/blot-09.jpg), url(/assets/thumbs/blot-10.jpg), url(/assets/thumbs/blot-11.jpg), url(/assets/thumbs/blot-12.jpg), url(/assets/thumbs/blot-13.jpg), url(/assets/thumbs/blot-14.jpg), url(/assets/thumbs/blot-15.jpg), url(/assets/thumbs/blot-16.jpg); 
}
.blot00 {
	float:left;
	width: 23%;
	height: 23%;
	margin:1%;
    background-repeat: no-repeat;
	background-size: 100%;
}
.blot01 {
	background-image:url(/assets/thumbs/blot-01a.jpg);
}
.blot01:hover {
	background-image:url(/assets/thumbs/blot-01.jpg);
} 
.blot02 {
	background-image:url(/assets/thumbs/blot-02a.jpg);
}
.blot02:hover {
	background-image:url(/assets/thumbs/blot-02.jpg);
} 
.blot03 {
	background-image:url(/assets/thumbs/blot-03a.jpg);
}
.blot03:hover {
	background-image:url(/assets/thumbs/blot-03.jpg);
} 
.blot04 {
	background-image:url(/assets/thumbs/blot-04a.jpg);
}
.blot04:hover {
	background-image:url(/assets/thumbs/blot-04.jpg);
} 
.blot05 {
	background-image:url(/assets/thumbs/blot-05a.jpg);
}
.blot05:hover {
	background-image:url(/assets/thumbs/blot-05.jpg);
} 
.blot06 {
	background-image:url(/assets/thumbs/blot-06a.jpg);
}
.blot06:hover {
	background-image:url(/assets/thumbs/blot-06.jpg);
} 
.blot07 {
	background-image:url(/assets/thumbs/blot-07a.jpg);
}
.blot07:hover {
	background-image:url(/assets/thumbs/blot-07.jpg);
} 
.blot08 {
	background-image:url(/assets/thumbs/blot-08a.jpg);
}
.blot08:hover {
	background-image:url(/assets/thumbs/blot-08.jpg);
} 
.blot09 {
	background-image:url(/assets/thumbs/blot-09a.jpg);
}
.blot09:hover {
	background-image:url(/assets/thumbs/blot-09.jpg);
} 
.blot10 {
	background-image:url(/assets/thumbs/blot-10a.jpg);
}
.blot10:hover {
	background-image:url(/assets/thumbs/blot-10.jpg);
} 
.blot11 {
	background-image:url(/assets/thumbs/blot-11a.jpg);
}
.blot11:hover {
	background-image:url(/assets/thumbs/blot-11.jpg);
} 
.blot12 {
	background-image:url(/assets/thumbs/blot-12a.jpg);
}
.blot12:hover {
	background-image:url(/assets/thumbs/blot-12.jpg);
} 
.blot13 {
	background-image:url(/assets/thumbs/blot-13a.jpg);
}
.blot13:hover {
	background-image:url(/assets/thumbs/blot-13.jpg);
} 
.blot14 {
	background-image:url(/assets/thumbs/blot-14a.jpg);
}
.blot14:hover {
	background-image:url(/assets/thumbs/blot-14.jpg);
} 
.blot15 {
	background-image:url(/assets/thumbs/blot-15a.jpg);
}
.blot15:hover {
	background-image:url(/assets/thumbs/blot-15.jpg);
} 
.blot16 {
	background-image:url(/assets/thumbs/blot-16a.jpg);
}
.blot16:hover {
	background-image:url(/assets/thumbs/blot-16.jpg);
}