nav {
  position:fixed;
  z-index:100;
}
.logoteal {
  color:#3AABAA;
}
.menuteal {
  background-color:#3AABAA;
  border-right:solid 1px #dedede;
}
a {
  color:grey;
}
.gr {
  color:grey;
}
.med {
  font-size:22px;
}
.big {
  font-size:32px;
}
.trifree {
  position:absolute;
  top:0px;
  left:0px;
}
.tripro {
  position:absolute;
  top:0px;
  left:169px;
}
td {
  min-width:150px;
  border-right:solid 1px white;
  font-size:28px;
  padding:20px;
}
th {
  border-right:solid 1px rgb(77, 192, 154); 
  font-size:38px;
  padding:20px;
}
.rel {
  position:relative;
  vertical-align:top;
}
.p20 {
  padding:20px;
}
.tiny {
  font-size:16px;
}
.cen {
  text-align:center;
}
i.far.fa-thumbs-up {
  color: #32771f;
}
i.far.fa-thumbs-down {
  color: #a83b3b;
}
striped tbody tr:nth-of-type(even) {
  background-color: #EAF4F4;
}
.c {
  text-align:center;
}
.logo {
  margin:5px;
  margin-right:20px;
}
#video-background {
  /*  making the video fullscreen  */
    position: absolute;
    top:0;
    left:0px; 
    right:0px;
    bottom: 0;
    min-width: 100%; 
    min-height: 50%;
    width: 100%; 
    height: auto;
    z-index: -100;
    overflow:none;
  }

/* These just style the content */
article {
  /*  just a fancy border  */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 10px solid rgba(255, 255, 255, 0.5);
    margin: 10px;
  }
  
  h1 {
    position: absolute;
    top: 60%;
    width: 100%;
    font-size: 36px;
    letter-spacing: 3px;
    color: #fff;
    font-family: Oswald, sans-serif;
    text-align: center;
  }
  
  h1 span {
    font-family: sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }
  
  h1 span a {
    color: #fff;
  }
  h2, h3 {
      color:white;
      letter-spacing: 3px;
      color: #fff;
      font-family: Oswald, sans-serif;
      text-align: center;
     -webkit-text-stroke: 1px black;
     text-shadow:
         3px 3px 0 #000,
       -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
         1px 1px 0 #000;
  }
  .h1g {
    color:grey;
  }
  .y {
      color:yellow;
  }
  .b36 {
    font-size: 46px;
  }
  .b28 {
    font-size: 34px;
    margin:20px 0px 40px 40px;
  }
  .w3 {
    width:300px;
  }
  .wht {
    color:white;
  }
  .hl {
  
      font-size: 28px;
      color:#000;
      letter-spacing: 3px;
      font-family: Oswald, sans-serif;
      text-align: center;
      font-size: 32px;
  }
  fieldset, legend {
      border-radius: 10px;
      border: solid 1px;
  }
  fieldset {
      width:100%;
      text-align: center;
  }
  legend {
      width:180px;
  }
  .testWPP {
    width:778px;
    height:380px;
    border: solid 1px blue;
    border-radius:10px;
    margin-top:10px;
    margin-bottom:20px;
    text-align:center;
  }
  .cMan {
    vertical-align:middle;
    margin:20px 30px 0px 20px;
    border-radius:20px;
  }
  .Img {
    width:640px;
    margin:auto auto
  }
  .help {
    vertical-align:middle;
    margin-right:20px;
  }
  .c {
    width:100%;
    text-align: center;
  }
  .star5 {
    font-size:10px;
    color:white;
    padding-left:47px;
  }
  .abs {
    position:absolute;
  }
  .w1000 {
    width:1000px;
    margin:auto auto;
  }
.wppHeader {
  font-size:42px;
  margin-left:20px;
  font-weight:bold;
}
.promo i {
  margin: 40px 0;
  color: #ee6e73;
  font-size: 7rem;
  display: block;
}
.promo-caption {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0;
}
.testFrameHead {
  width:420px;
  margin-right:5px;
}

.testFrame {
  width:690px;
  height:350px;
  margin:20px;
}
.frContainer {
  width:800px;
  margin:auto auto;
}
.b1 {
  border:solid 1px #dedede;
  padding:4px;
  margin:2px;
}
.fetchframe {
  width:700px;
  height:340px;
  border:solid 0px rgba(0,0,0,0.4);
  border-radius:10px;
}
.rad {
  border-radius:10px;
}