.clearDiv {
  clear: both;
}
a {
  color: sandybrown;
  text-decoration: none;
}
a:hover {
  color: bisque;
}
.logoImg {
  width: 10%;
}
.header_txt {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
}
.pdt_class_ref a,
.contactInfo a {
  color: slategray;
}
.pdt_class_ref a:hover,
.contactInfo a:hover {
  color: brown;
}
.class_content_txt_left {
  text-align: left;
}
.class_content_txt_right {
  text-align: right;
}

#art_txt_div {
  background: #643f21 url(../assets/img/support/keriss.png) no-repeat left top;
}

.videoPageContainer {
  background-color: beige;
  border: 1px solid brown;
  padding: 2%;
}
.videoContainer {
  background-color: black;
  width: 30%;
  padding: 1%;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 3px 3px 0px 0px brown;
  float: left;
}
.videoplayerDiv {
  border: 0px solid red;
  width: 100%;
  background-color: black;
  text-align: center;
  padding: 1%;
}
.videoPlayer {
  width: 30%;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 3px 3px 0px 0px brown;
}
.videoThumbnail {
  float: right;
  width: 5%;
  position: relative;
  cursor: pointer;
}
