@media only screen and (max-width: 768px){ /* mobile */
.mainmaindiv{display:none;}
.overlayText {
  display:none;
}

.overlayText2 {
  display:none;
}

.overlayText3 {
  display:none;
}

.overlayText4 {
  display:none;
}

#topText {
  display:none;
}
  .cwplavideo{display:none;}
  .eventbox1, eventbox2{
    width:100%;
	}
  .cwplafooterdivleft {width:100%;text-align:center;}
  .cwplafooterdivright{width:100%;text-align:center;}
  .formdiv{width:100%;}
}

@media only screen and (min-width: 769px){ /* DESK/LAP/TABLET */
.mainmaindiv{width: 100%; height: 100vh;}

 .overlayTextMain {
  position: absolute;
  /*background:#007577;*/
  padding-left:20px;
  padding-right:20px;
  top:25%;
  opacity:.9;
  z-index: 1;
	}
  
.overlayText {
  position: absolute;
  background:#007577;
  padding-left:20px;
  padding-right:20px;
  top: 25%;
  left: 20%;
  opacity:.9;
  z-index: 1;
	}

.overlayText2 {
  position: absolute;
  background:#007577;
  padding-left:20px;
  padding-right:20px;
  top: 38%;
  left: 20%;
  opacity:.9;
  z-index: 1;
	}

.overlayText3 {
  position: absolute;
  background:#007577;
  padding-left:20px;
  padding-right:20px;
  top: 51%;
  left: 20%;
  opacity:.9;
  z-index: 1;
	}

.overlayText4 {
  position: absolute;
  background:#007577;
  padding-left:20px;
  padding-right:20px;
  top: 64%;
  left: 20%;
  opacity:.9;  
  z-index: 1;
	}

#topText {
  color: white;
  font-family:ibm plex sans;
  font-size:50pt;
  align-self: center;
	}
  .cwplavideo{
    width:100%;height:100vh;object-fit:cover;}

  .eventbox1, eventbox2{
    float:left;width: 50%;padding-right:80px;
	}
  .cwplafooterdivleft{
    width:50%;float:left;
    padding-left:200px;
  }
  .cwplafooterdivright{
    width:50%;
    float:right;
    text-align:right;
    padding-right:200px;
  } 
  .formdiv{width:100%;}
}
td{
  border:none;
  border-bottom:dotted 1px;
  padding-top:15px;
  padding-bottom:15px;
}
tr:hover{
  background:#f7f7f7;
}