.photo-grid {
	max-width: 300px;
	height: auto;
}


.photo-modal {
    
    width: auto;
    max-height: 50%;
}

.resume-modal {
    width: 80%;
    left: 10%; /* ( window's width [100%] - dialog's width [60%] ) / 2 */
}

.modal.modal-wide .modal-dialog {
	min-width: 60%;
  	max-width: 90%;
  	min-height:90%;
}


ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}
ul li {     
    list-style:none;
    margin-bottom:25px;           
}
ul li img {
    cursor: pointer;
}



.photo-masonary {
    border: none;
}


.hover-fade {
    opacity: 0.7;
}

.hover-fade:hover { 
    opacity: 1;
}

#loading-page {
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5); 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; /* Just to keep it at the very top */
}

#wrapper {


}