body {
  font-family: Verdana,sans-serif;
  font-size: calc(1em + .2vw);
  line-height: calc(1.4em + 0.2vw);
  margin-left: .3em;
  margin-right: .3em;
  margin-top: 3.5em;
}
/*Link Info*/
a:link {
	text-decoration: none;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
}
/* Logo detail */
.logo-fixed {
  position: fixed;
  top: .01em;
  left: 1em;
  z-index:3;
  width:15%;
  height:auto;
}
/*Heading Font Detail*/
h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.67em}
h1,h2,h3,h4,h5,h6 {font-family:"Segoe UI",sans-serif;font-weight:500;margin:.6250em 0}
/*Style Detail*/
.style-s {font-size:calc(.85em + .2vw); line-height:calc(1.2em + .1vw)}
.style1 {font-size:calc(.70em + .2vw); line-height:calc(.7em + .1vbw)}
.style2 {font-size: 1.1250em}
.style3 {color: #FF0000}
.style4 {color: #0000FF}
.style6 {color: #009900}
.style7 {font-size: .7500em}
.style8 {font-size: .8750em}
.style9 {font-size:1.1250em; text-decoration:underline
}
/* Navigation bar */
.topnav {
  margin-right:-.3em;
  margin-left:-.3em;
  height:3.125em;
  background-color:#FFFFFF;
  position:fixed;
  top:0;
  width:100%;
  z-index:2;
}
.topnav a {
  float:right;
  color:#000000;
  padding: 1em .30%;
  text-align:center;
  text-decoration: none;
  font-size: 1em;
}
.topnav a:hover {
	color:#808080;
}
.topnav a.active {
 	color:#FFFFFF;
  }
/* Dropdown menu */
.dropdown {
  float:right;
  padding: 1em .30%;
  font-size: 1em;
}
/* Dropdown button */
.dropdown .dropbtn {
 	color:#000000;
 	font-size:inherit;
 	background-color: inherit;
 	border:none;
}
.dropdown:hover .dropbtn {
	color:#808080;
	cursor:pointer;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
 	display:none;
 	position:fixed;
 	background-color:#FFFFFF;
 	min-width: 8.438em;
	border: .063em solid;
	box-shadow: .188em .188em;
 	top:2.813em;
}
/* Links inside the dropdown */
.dropdown-content a {
 	float: none;
	position:relative;
	display:block;
	font-size:inherit;
 	text-align: left;
 	color:#000000;
 	padding: .25em .625em;
 	text-decoration: none;
}
/* Add black text, grey background to dropdown links on hover */
.dropdown-content a:hover {
 	background-color: #ddd;
	color:#000000;
}
/* Show dropdown menu on hover */
.dropdown:hover .dropdown-content {
 	display:block;
}
/*Image Options*/
#responsive-image {
  width: 150%;
  height: auto;
}
/*small icons like social media*/
img.social {
  width:2em;
  height:2em;
  padding:.25em;
  border:0;
}
.picture-left {
	float: left;
	background-repeat: no-repeat;
}
.picture-right {
	float: right;
	background-repeat: no-repeat;
}
.clearfix {
 clear: both;
}
.radius {
	box-sizing: border-box;
	border-radius: 50%;
}
/*Flex container with adjustable font*/
.flex {
  flex: 50%;
  display: block;
  justify-content: center;
  padding: 0 1em 0 1em;
  font-size:calc(.75em + .15vw); line-height:calc(1.2em + .15vw);
}
/*Images for Flex container*/
.flex img {
  max-width: 100%;
  height: auto;
  box-shadow: .1em .1em #000000;
  border: .063em solid #000000;
}
/*PayPal buy now button image*/
.flex-pp {
  max-width: 30%;
  max-height: 30%;
}
/*Flex container for column on home page*/
.row-flex-home {
  display: flex;
  align-items:center; 
  justify-content: center; 
}
/* Flex column 32% */
.column-flex {
  flex: 32%;
  max-width: 35%;
  padding: .3em;
  font-size:calc(.75em + .15vw); line-height:calc(1.2em + .15vw);
}
.column-flex img {
  margin-top: .5em;
  vertical-align:text-top;
  width: 100%;
  height: auto;
  box-shadow: .07em .07em #000000;
  border: .04em solid #000000;
  border-radius: .2em;
}
.flex-caption {
  display:flex;
  margin-top: .4em;
  flex-direction: column;
  text-align:center;
}
/* Flex containter - medium */
.column-flex-medium {
  flex: 40%;
  max-width: 60%;
  padding: .3em;
  font-size:calc(.75em + .15vw); line-height:calc(1.2em + .15vw);
}
.column-flex-medium img {
  width: 100%;
  height: auto;
  box-shadow: .1em .1em #000000;
  border: .063em solid #000000;
}
/* Small flex like about page graphics */
.column-flex-s {
  flex: 15%;
  max-width: 20%;
  padding: .7em;
  font-size:calc(.75em + .1vw); line-height:calc(1.2em + .1vw);
}
.column-flex-s img {
  margin-top: .5em;
  width: 100%;
  height: auto;
  box-shadow: .1em .1em #000000;
  border: .063em solid #000000;
}
/* Flex containers for slide show */
.art-container {
  width:60%;
  box-shadow: .313em .313em;
  background-color:#FFFFFF;
  border: .063em solid #000000;
  padding:.313em;
  text-align:left;	
}
/* Text container white/border */
.container-txt {
  background-color:#FFFFFF;
  padding:.5em;
}
/* Regular Slideshow detail */
.mySlides {
  display:none;
}
/* Slideshow container */
.slideshow-container {
  position: relative;
}
/* Slideshow buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 3em;
  padding: .2em;
  color: white;
  text-shadow: 0.1em 0.1em #000000;
  font-weight: bold;
  font-size: 1.5em;
  transition: 0.6s ease;
}
/* next button position */
.next {
  right:0;
  border-radius: .188em 0 0 .188em;
}
/* prev button position */
.prev {
  left:0;
  border-radius: 0 .188em .188em 0;
}
/* Hover detail */
.prev:hover,.next:hover {
  background-color:#000000;
  color:#CCCCCC;
  text-decoration:none;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #ffffff;
  font-size: 1.25em;
  text-shadow: 0.1em 0.1em #000000;
  padding: .5em 0.875em;
  position: absolute;
  top: 0;
}
/* About Us column detail*/
.column-bio {
  float: left;
  width: 45%;
  padding: 0.313em 0.625em 0 2em;
}
@media screen and (max-width: 600px) {
  .column-bio {
    width: 100%;
  }
.column-bio img {
  border: .08em solid #000000;
  margin: .7em;
  float: left; 
  width:25%;
  height:auto;
  box-shadow: .15em .15em #000000;
}
/*Contact form stuff*/
#contact{ 
  padding: 0.938em;
}
#contact label{
	display: block;
	margin-top: .625em;
	font-weight: bold;
}
#contact input, #contact textarea{
	width: 50%;
	box-sizing: border-box;
}
#contact input[type=text], #contact input[type=email], #contact textarea{
	padding: .625em;
}
#contact input[type=submit]{
	background-color:#C6C6FF;
  	border-radius:.5em;
	border: .08em solid #000000;
	margin-top: .625em;
	padding: .5em 1em;
	font-size:1em;
	width:auto;
	cursor:pointer;
}
/* Button detail */
.button {
  background-color:#C6C6FF;
  border-radius:.5em;
  cursor:pointer;
  border: .08em solid #000000;
  color:#000000;
  padding: .5em 1em;
  margin-left:1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
}
.button:hover, #contact input[type=submit]:hover{
  background-color: #4CAF50;
  color: white;
}