*, body{cursor: url(cursor.png), auto !important;}
        
#3-row{display: none !important;}
#1-row{display: none !important;}
html::-webkit-scrollbar-track
{
	display:none;
}

html::-webkit-scrollbar
{
	display:none;
}

.player .controls{display: none;}

        .mItem img {
  width: 100%; 
}
.project-desc{width: 55%;margin-left: auto;
    margin-right: auto;}
.project{width:80%;margin-left: auto;
    margin-right: auto; text-align: center;}
        .about-container{width: 40%; margin-left: auto;
    margin-right: auto; text-align: center;}
        .about-container img{width: 80%;}
        .mItem:hover img{opacity: .5;}
.mItem:hover div{opacity: .5;}
        .logo-img{width: 12.5em;}
        .foot-img{width: 6em;}
.img-half{width: calc(50% - 4px); float: left; height: auto;margin-bottom: 4px;}
.img-full{width: 100%; float: left;margin-bottom: 4px;}
.img-half img{width:100%;}
.img-full img{width:100%;}
.img-left{padding-right: 4px;}
.img-right{padding-left: 4px;}
.video-block{margin-bottom: 8px;}

        .heading{

    width: 100%;
    margin-left: auto;
    margin-right: auto;
            text-align: center;
            padding-top: 3.75em;
}       

    .footing{

    width: 100%;
    margin-left: auto;
    margin-right: auto;
            text-align: center;
            padding-top: 3.75em;
        display: inline-block;
}   

        .content-container{width: 93%;margin-left: auto;
    margin-right: auto;}      
.masonry {
	column-count: 4;
	column-gap: 8px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.5em;
    
    
}
#four-row{display: block;}
    #three-row{display:none;}
    #one-row{display: none;}
.masonry .mItem {
  display: inline-block;
  margin-bottom: 4px;
  width: 100%;
}

@media (max-width: 1199px) {
  .masonry {
    column-count: 3;
    font-size: 105%;
  }
    *{font-size: 105%;}
    #four-row{display: none;}
    #three-row{display:block;}
    #one-row{display: none;}
    .project-desc{width: 70%;margin-left: auto;
    margin-right: auto;}
}

@media (max-width: 991px) {
  .masonry {
    column-count: 1;
    font-size: 115%;
  }
    *{font-size: 115%;}
      .logo-img{width: 12.5em;}
    .about-container{width: 100%; margin-left: auto;
    margin-right: auto; text-align: center;}
        .about-container img{width: 100%;}
    #four-row{display: none;}
    #three-row{display: none;}
    #one-row{display:block;}
    .project-desc{width: 100%;margin-left: auto;
    margin-right: auto;}
    .project{width:100%;margin-left: auto;
    margin-right: auto; text-align: center;}
    .img-half{width: 100%; float: left; height: auto;}
    .img-left{padding-right: 0%;}
.img-right{padding-left: 0%;}
    .video-block{padding-bottom: 4px;}

}

@media (max-width: 767px) {
  .masonry {
    column-count: 1;
      font-size: 115%;
  }
      *{font-size: 115%;}
      .logo-img{width: 12.5em;}
    
    .about-container{width: 100%; margin-left: auto;
    margin-right: auto; text-align: center;}
        .about-container img{width: 100%;}
    #four-row{display: none;}
    #three-row{display: none;}
    #one-row{display:block;}
    .project-desc{width: 100%;margin-left: auto;
    margin-right: auto;}
    .project{width:100%;margin-left: auto;
    margin-right: auto; text-align: center;}
    .img-half{width: 100%; float: left; height: auto;}
    .img-left{padding-right: 0%;}
.img-right{padding-left: 0%;}
    .video-block{padding-bottom: 4px;}
}
        
        .thumb-caption{font-family: helvetica; font-size: .85em; padding: 0; margin-top: 0px; margin-bottom: .75em;}
        .home-caption{font-family: helvetica; font-size: .85em; padding: 0;font-style: italic; margin-top: 0px; margin-bottom: .75em;}
        .reg-caption{font-family: helvetica; font-size: .85em; padding: 0; margin-top: 0px; margin-bottom: .75em;}
        
        .nav-links{font-family: helvetica; font-size: .95em; padding: 0;font-weight: bold; margin-top: 0px; margin-bottom: .75em; color: black; padding-top: 1.25em; padding-bottom: 3em;}
        .nav-links a{padding-left: .25em; padding-right: .25em;  text-decoration: none!important;color: black;}
.nav-links a:hover{text-decoration: underline !important;}
a:hover{text-decoration: underline !important;}
        
/* Change all text and icon colors in the player. */
.vjs-matrix.video-js {
  color: white;
}

/* Change the border of the big play button. */
.vjs-matrix .vjs-big-play-button {
  border-color: white;
}

/* Change the color of various "bars". */
.vjs-matrix .vjs-volume-level,
.vjs-matrix .vjs-play-progress,
.vjs-matrix .vjs-slider-bar {
  background: white;
}

.vjs-matrix .vjs-big-play-button {
  width: 30%;
  height: 30%;
  background: none !important;
  line-height: 70px;
  font-size: 110px !important;
  border: none !important;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
}

.vjs-matrix:hover .vjs-big-play-button,
.vjs-matrix.vjs-big-play-button:focus {
  opacity:.75;
    background-color: transparent;
}

.vjs-matrix .vjs-control-bar {
  height: 54px !important;
    background: transparent !important;
}

.vjs-matrix .vjs-button > .vjs-icon-placeholder::before {
  line-height: 54px;
}

.vjs-matrix .vjs-time-control {
  line-height: 54px;
}
.vjs-matrix .vjs-remaining-time-display {
  line-height: 54px;
}

.vjs-matrix .vjs-volume-control .vjs-control .vjs-volume-horizontal{
  line-height: 54px;
}

.vjs-matrix .vjs-fullscreen-control{right: .375em;}
.vjs-matrix .vjs-volume-panel{right: .75em;}
/* Play Button */
.vjs-matrix .vjs-play-control {
  font-size: 1.5em;
  position: relative;
}

.vjs-matrix .vjs-volume-panel {
  order: 4;
}

.vjs-matrix .vjs-progress-control .vjs-play-progress {
  background-color: white;
}

.vjs-matrix .vjs-seek .vjs-control{
  background-color: white;
}