@font-face {
   font-family: "Libre Baskerville";
   src: url("./fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf");
}
@font-face {
   font-family: "Libre Baskerville";
   src: url("./fonts/Libre_Baskerville/LibreBaskerville-Bold.ttf");
   font-weight: bold;
}
@font-face {
   font-family: "Libre Baskerville";
   src: url("./fonts/Libre_Baskerville/LibreBaskerville-Italic.ttf");
   font-style: italic;
}

body {
   font-family: "Libre Baskerville", serif; 
   font-size: 14px;
}

p {
   margin-top: 0.4em ;
   margin-bottom: 0.4em ;
}

a {
   color: #32006e;
}

h1 {
    font-size: 20pt;
    line-height: 1;
}


h2 {
   font-size: 18px; 
   font-weight: bold; 
   line-height: 15px; 
   margin-top:30px;
}

h3 {
   font-size: 16px; 
   font-weight: bold; 
   line-height: 15px; 
   margin-top:30px;
}


ul {
   padding-top: 0%;
   margin-top: 0%;
}


.intro {
   padding-left:6%;
   padding-right:6%; 
   padding-top:1.5%;
}

.items {
   padding-left:6%;
   padding-right:6%;
}

.profile {
   float:right;
   display: inline-block;
   text-align: center;
}

.profile figure {
   padding: 5px;
   margin-block-start: 1vw;
   margin-inline-end:0;
}

.profile img {
	width:350px;
}

@media (max-width: 1100px) {
   .profile, figure {margin-inline-start: 1vw; margin-inline-end:3vw;}

}

@media (max-width: 800px) {
   .profile { float: none; display:block; }
   .profile, figure {margin-inline-start: 2vw; margin-inline-end:2vw;}

}

@media (max-width: 500px) {
   .profile { float: none; display:block; }
   .profile figure {margin-inline-start: 2vw; margin-inline-end:2vw;}
   .profile img { width: 75vw;}
}

figcaption {
   margin: 4px 0 0 0;
   font-size:12px;
   text-align: center;
}

ul li {
  margin-bottom: 8px;
}

}