html {
  background: #999999;
}

body {
  position: relative;
  text-align: center;
}

img.index {
  border-radius: 15px; 
  width: 63%;
}

p.index { 
  position: absolute;
  margin-top: -27%;
  margin-left: 22%;
  width: 14%;
  padding-top: 1%; 
  padding-bottom: 1%; 
  padding-right: 2%; 
  padding-left: 2%; 
  text-indent: 2em; 
  background: rgba(0, 0, 0, 0.5); 
  line-height: 1.4em; 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: .8vw; 
  color:#FFF; 
  text-align:justify; 
  border-radius: 10px;
}

p.skype { 
  position: relative;
  margin-top: 2%;
  margin-bottom: -2%;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  color: #FFF; 
  text-align: center; 
  font-size: .9vw;
}

.lines { 
  position: relative;
  color: white; 
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
  font-weight: lighter; 
  font-size: 3.5vw;
  margin-top: 4%;
  margin-left: -15%;
}

.lines p { 
  position: absolute;
  margin-left: 60%;
  margin-top: -4.3%;
}

.lines hr {
  margin-left: 55%;
  width: 35%; 
  border: 1px solid white;
}

.lines hr.vert {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg); 
  margin-left: 68%; 
  margin-top: -15%;
}

nav {
  margin-top: 5%;
  font-size: 1vw;
  font-variant:small-caps; 
  background-color: #655398; 
  font-family: Georgia, "Times New Roman", Times, serif; 
  width: 100%;
}
nav ul {
  background-color: #655398; 
  text-align: center; 
  padding: .5%;
}
nav ul li { 
  display: inline-flex;
  padding: .3%; 
  text-shadow: 0 -2px 2px #000; 
}

nav ul li a {
  text-decoration: none; 
  color: white;
}

footer { color: white;
  font-size: .9vw;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif; 
  position: relative; 
  margin-top: .5%;
}

footer li { 
  color: #655398;
}

img.bio { 
  width: 40%; 

}

p.bio { 
  margin-left: auto;
  margin-right: auto;
  font-size: .9vw; 
  color: white; 
  width: 50%; 
  margin-top: 0%;
  text-align: justify; 
  margin-bottom: -4%;
}

.vid{
  position: relative;
}

video { 
  margin-left: -30%;
  width: 40%;
}

h2 { 
  font-size: 1.7vw;
  color: white;

}

.vid1 p { 
  position: absolute;
  margin-left: 60%;
  margin-top: 10%;
  width: 35%;
  text-align: justify;
  color: white;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 1vw;
}

h3 { 
  font-size: 1.7vw;
  color: white;
}

video.vid2 { margin-left: auto;
    margin-right: auto;

}

img.workshop{ 
  margin-bottom: -4%;
  border-radius: 15px; 
  width: 40%;
}


p.workshop{
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  width: 60%;
  color: white;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: .9vw;
}

p.workquote{ 
  margin-left: auto;
  margin-right: auto;
  font-size: .9vw;
  width: 38%;
  color: white;
  font-style: italic;
  font-weight: bold;
  text-align: center;

}

h4 { color: white;
  font-size: 1.5vw;
  margin-bottom: 1%;

}

p.wrkbooking { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -3%;
  font-family: Georgia, "Times New Roman", Times, serif; 
  color: #FFF; 
  text-align: center; 
  font-size: .9vw;
  width: 40%;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#audioclips {
  background-image:url(jpgs/ipa2020.jpg); 
  background-repeat: no-repeat; 
  background-position: center;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1vw; 
  color:#FFF; 
  text-align:center;
  margin-bottom: -1%;
}

p.accents{
  margin-top: -1%;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  color: white;
  background: rgba(101, 83, 152, 0.750); 
  border-radius: 10px;
  padding-bottom: 1%; 
  padding-right: 1%; 
  padding-left: 1%; 

}