*, *:before, *:after {
 box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz@6..12&display=swap');
.wrap {
display:flex;
flex-direction:column;
align-items:center;

width: 100%;
height: auto;
}
.header {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;

width: 100%;
height: 100px;
padding:60px 0 60px 0;
box-shadow: 0 6px 4px -6px rgb(101, 100, 100);
background-color: #f4e9f5;
}
.header1 {
width:100%;
height: auto;
font-family: 'Nunito Sans', sans-serif;
font-size: calc(35px + 0.390625vw);
text-align: center;
}
.header2 {
width:100%;
height: auto;
font-family: 'Nunito Sans', sans-serif;
font-size: calc(15px + 0.390625vw);
font-style: italic;
text-align: center;
} 
.speaker1 {
display: flex;
flex-wrap: nowrap;
justify-content: center;

margin:20px 0 0 0;
}
.speakerTop {
 width: 100%;
 margin:20px 0 0 0;
 text-align: center;
}
#speakerTopBld {
 font-size: larger;
}
.speaker1 {
display: flex;
flex-wrap: nowrap;
justify-content: center;

/* margin:50px 0 0 0; */
}
.speaker1-Pic {
display: flex;
justify-content:center;
align-items: center;

width:20%;
height: auto;
margin:0 10px 0 0;
padding:2px;
}
.speaker1-Pic img {
 width: 100%;
 padding:2px;
 border:solid thin black;
}
.speaker1-Txt {
 width:40%;
 height: auto;
 padding:10px;
 border:solid thin black;
}
.speaker2 {
width: 60%;
height: auto;
margin:10px 0 0 0;
padding:10px;
border:black solid thin;
}
.speaker3 {
width: 60%;
height: auto;
margin:10px 0 0 0;
padding:0 20px 0 20px;
border:black solid thin;
}
.speaker4 {
display: flex;
justify-content: center;
flex-wrap: nowrap;

width: 60%;
height: auto;
margin:10px 0 0 0;
padding:0 20px 0 20px;
}
.speaker4-Txt {
display: flex;
flex-direction: column;
align-items: center;

width: 35%;
height: auto;
margin:10px;
padding:20px;
text-align: justify;
border:black solid thin;
}
.speaker4 img {
 float: left;
 margin:3px;
 padding:2px;
 border:black solid thin;
}
.speaker-vid {
 width: 60%;
 padding-top: 40%;
 height: auto;
 position: relative;
}
.speakerImg {
 display: flex;
 justify-content: center;
 align-items: center;

 max-width: 100%;
 height: auto;
 margin:10px 0 10px 0;
}
.speakerImg img {
 margin:5px;

 max-width: 100%;
 height: auto;
 padding:3px;
 border:solid 1px black;
}
.video {
   width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
}
.vidTxt {
 position:relative;
 top:-20px;
}
.optin {
 display: flex;
 justify-content: center;
 align-items: center;

 position:fixed;
 top:1px;
 right:1px;
 padding:10px;
 text-align: center;
 font-size: 1.1rem;
 color:black;
}
.optin img {
 max-width: 20%;
 margin:0 10px 0 0;
}
.optin:hover {
 cursor: pointer;
 font-style: italic;
}
.home {
 position:fixed;
 top:20px;
 left:30px;
 width:auto;
 text-align: center;
 color:black;
}
.home:hover {
 cursor: pointer;
 font-style: italic;
}
.home img {
 max-width: 40%;
 margin-bottom: -5px;
}
.contact {
 width: 60%;
 height:auto;
 margin:20px 0 0 0;
 padding-bottom: 20px;
 font-size: medium;
 font-weight: 600;
 text-align: center;
 border-bottom: solid 1px black;
}
.cpy {
 width:100%;
 padding:5px;
 font-size:10px;
 text-align: right;
}