/* custom css */

#maincontainer {
    font-family: raleway;
    font-size: 18px;
 }

.three-cols {
   display: grid;
   grid-template-columns: auto auto auto;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  font-size: 10px;
  text-align: center;
}
.container3 {
    column-count: 2;
    column-gap: 20px;
    column-rule: 4px dotted rgb(79 185 227);
}
.containerw {
    column-width: 250px;
    column-gap: 20px;
    column-rule: 4px dotted rgb(79 185 227);
}

.margright {
margin-right: 40px;
}
.margfirst {
margin-right: 40px;
margin-left: 40px;
}




.videotable {
   margin-right: 15px; 
   margin-bottom: 15px;
}

@media screen and (max-width: 421px) {
.margright {
margin-right: 0px;
}
.margfirst {
margin-right: 0px;
margin-left: 0px;
}
}

@media screen and (max-width: 241px) {
.videoTable {
   margin-bottom: 15px;
margin-right: 0px;
}
}