body {
  height; 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
/*  text-size: 30px;  */
  font-size: 20px;
  background-color: rgba(59, 153, 51, 0.1);
}

h1 {font-family: arial; font-weight: 600;}

h2 {font-family: arial; font-weight: 400;}

h3 {font-family: arial; font-weight: 300;}

p{
  font-family: Arial, Helvetica, sans-serif;
  margin: 20px;
/*  text-size: 20px;  */
/*  size: 3;  */
  color: #000000;
}

a {color: blue;} 

.header-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
/*  text-size: 50px;  */
/*  size: 3;  */
  color: purple;
}

.footer-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 75%;
  color: black;
}

.navbar {font-weight: bold}

.hero-text {
  text-align: center;
  position: relative;
  top: 40%;
  left: 0%;
  transform: translate(0%, 0%);
  color: white;
}

.videocenter {
  margin: auto;
  width: 100%;
/*  border: 3px solid #73AD21; */
  padding: 30px; }

figure {margin: auto;}