#logo{
  width:250px;
  height:auto;
  padding: 5px;
}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding:3px;
}

.white-text {
  color: #f7f7f7;
}

.portfolio-navigator{
  text-align:center;
  margin:10px auto;
  width: 50%;
}

.portfolio-navigator a{
  color: #f7f7f7;   
}

.portfolio-navigator :hover{
  color: #000;   
}

::selection{
  color: #000;   
  background: #000;
}


.container{
    margin-left:10px;
    margin-right:10px;
    width:auto;
}

.footer{
   position:relative;
   margin-top: 95%; 
   color:#FFF;
}