/* --Version 2.5.7-- */

:root {
  font-size: 16px;
}

html {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6, a, p {
  margin: 0;
  padding: 0;
  font-family: century gothic, arial, helvetica, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  color: #555;
  }
h2 {
  font-size: calc(3.3vw + 12px);
  color: #f50;
  }
h3 {
  margin-bottom: 1.2vw;
  font-size: calc(2.2vw + 11px);
  }
h4, h4 a {
  margin-bottom: 1.5vw;
  font-size: 1.4vw;
  font-size: calc(.7vw + 6.2px);
  }
p {
  padding-bottom: 1.25vw;
  font-size: 1.07vw;
  font-size: calc(.1vw + 12px);
  text-transform: none;
  }
p span {
  font-size: 1.4vw;
  font-size: calc(.7vw + 10px);
  font-weight: 300;
  font-style: italic;
}

#wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

#content {
  max-width: 85%;
  margin: auto;
}

.header {
  }
.header_text {
  text-align: center;
  }
.header_text img {
  padding: 1.5vw 0 0.75vw 0;
  width: 9%;
  text-align: center;
  filter: none;
}

ul.topnav {
  margin: 0 auto;
  padding-top: 1.2vw;
  padding-bottom: 2.5vw;
  list-style-type: none;
  overflow: hidden;
  }
ul.topnav li {
  float: left;
  margin: 0 5%;
margin-left: 6%;
  }
ul.topnav li a {
  display: inline-block;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  font-size: calc(.8vw + 8px);
  }
ul.topnav li a:hover {
color: #f50;
  }
ul.topnav li.icon {
  display: none;
}

.center_wrapper {
  width: auto;
  max-width: 95%;
  margin: 0 0 0 12%;
 }

.imageholder {
  position: relative;
  }
.watermark {
  position: absolute;
  padding: 6px;
  bottom: 0;
  font-weight: 600;
  color: #f50;
  background-color: rgba(255,255,255,0.6);
}

#home back_top {
 }
#home img, #biog img {
  width: 55%;
  float: right;
  display: block;
  margin-top: 0.5vw;
  padding: 0 9% 2% 2%;
  }
#home p, #biog p, .event p, #contact p {
  font-weight: 600;
  font-size: calc(.7vw + 6px);
}

#sig img {
  width: 5%;
  margin: 0 0 0 0;
  filter: none;
}

#contact img {
  float: left;
  width: 5%;
  margin: 4vw 0 0 0;
}
#contact_me p span {
  width: 60%;
}
#contact_me_pic img {
  width: 22%;
  float: right;
  display: block;
  margin-top: .5vw;
  padding: 0 9% 3.5% 1.5%;
}

img {
  height: 75%;
  filter:drop-shadow(8px 0 4px rgba(0,0,0,0.5));
  }
.img_caption {
  float: left;
  margin: 0.75% 10% 2vw 0%;
  }
.img_caption p {
  margin-top: 0.3vw;
font-weight: 600;
}

#biog {
width: 100%;
  float: right;
  margin: 0 0 0 0;
}
#biogPic img {
width: 10%;
margin: 0 0 0 0;
filter: none;
}

.event {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  }

.left {
  width: 20%;
  }
.right {
  width: 70%;
  margin: 0 8.5% 2.5vw 0;
}

.socials {
margin: 0;
padding: 0;
}
.socials img {
padding-right: 2vw;
}
.socials h3 {
  padding-top: 11vw;
}

footer {
  margin-top: 3vw;
  }
#copyright {
margin-top:25px;
  position: static;
  bottom: 0px;
  width: 100%;
  float: left;
  background-color: #f50;
}
#copyright p, #copyright a {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: calc(.2vw + 8px);
  padding: .7vw 0 .9vw 0;
}

.spacer {
  margin: 10.5vw 0 3vw 0;
  width: 90%;
}

.back_top {
  width: 100%;
  padding: 1vw 0 2vw 0;
  float: left;
  }
.back_top a {
  font-size: calc(.5vw + 7px);
}
.back_top a:hover {
  color: #f50;
}

xxul.topnav li a:hover {
color: #f50;
  }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}