.brick
{
    -moz-transition:background .3s ease-in-out;
    -webkit-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -ms-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}
.brick:hover {
    -webkit-box-shadow:-10px 10px 5px 0px rgba(128,128,128,0.67);
    -moz-box-shadow:-10px 10px 5px 0px rgba(128,128,128,0.67);
    box-shadow:-10px 10px 5px 0px rgba(128,128,128,0.67);
    -webkit-transform:translate3d(6px, -6px, 0);
    -moz-transform:translate3d(6px, -6px, 0);
    -ms-transform:translate3d(6px, -6px, 0);
    -o-transform:translate3d(6px, -6px, 0);
    transform:translate3d(6px, -6px, 0);
}

.shadow-0{border:1px solid #eee;}
.shadow-1{box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);}
.shadow-2{box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);}
.shadow-3{box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);}
.shadow-4{box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);}
.shadow-5{box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2);}

.modalCol{
    color:#666;
}
h2{
    color:#6C7A89;
}

.more{
    
    color:#000;
    cursor: pointer;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 24px;
    
}

.about-text > p{
    font-family:'Quicksand';
    color:#9e9e9e;
}
.contributors{
    color:#fff;
}

.whiteCol
{
     color:#000;
}

.moreDialog{
    width: 100%;
    height: 100%;
    padding-top: 20px;
    border-radius: 0px;
  }
.moreContent {
  height: 100%;
  overflow:auto;
    border-radius: 0px;
  }
      
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .pic {
    border: 1px solid #fff;  
    float: left;
    height: 300px;
    width: 230px;
    margin: 20px;
    overflow: hidden;
    
    -webkit-box-shadow: 5px 5px 5px #111;
            box-shadow: 5px 5px 5px #111;  
  }
              
.grow img {
  height: 300px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 400px;
  -webkit-filter: none; /* Chrome, Safari, Opera */
    filter: none;
  
}

svg {
    width: 100%;
    height: 100%;
    position:absolute;
}
svg text {
    text-anchor: middle;
}
svg mask rect {
    fill: rgba(255, 255, 255, 0.9);
}
svg > rect {
    fill: white;
    -webkit-mask: url(#mask);
    mask: url(#mask);
}
video{
  width: 100%;
}
@media only screen and (max-width: 768px) {
  html{
    font-size:0.5em;
    font-weight:400;
  }
}

/*.graycol {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}*/

.headingsFont
{
    font-family: 'Open Sans Condensed',
    sans-serif;font-size: 98px;
}