.page-wrap {
-webkit-justify-content: space-around;
justify-content: space-around;	
margin: 0 auto -56px;
overflow-x: hidden;
position: relative;
}

footer, .push {
position: relative;	
z-index: 2000;
height: 56px;
}

.footer-inner {
height: 38px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;	
-webkit-align-items: flex-end;
align-items: flex-end;	
padding-top: 8px;
padding-bottom: 8px;
/* border-top: 1px solid black;	 */
}

.tag {
width: 108px;
padding-right: 32px;
}

.project-info-wrap {
width: 592px;
}

.project-info-wrap div {
max-width: 332px;
}

.space {
width: 108px;	
}

.header-outer {
background-color: white;	
}

#slide-num {
padding-left: 8px;
padding-bottom: 16px;
}

.project-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: center;	
justify-content: center;
-webkit-align-items: center;
align-items: center;
padding: 0 8px 32px; 8px;	
}

.cycle-slideshow img{
max-width: 560px;	
max-height: 560px;
}

.current-wrap {
margin: 0 auto;
width: 560px;
height: 560px;
}

#current {
height: 560px;
cursor: pointer;
}

.overlay {
position: absolute;
top: 0;
height: 560px;
width: 180px;	
z-index: 1000;
cursor: pointer;	
}

.left-arrow, .right-arrow {
font-size: 18px;
font-family: "Gill Sans", sans-serif;
cursor: pointer;
}

#prev {
height: 560px;	
cursor: pointer;
position: absolute;
left: -560px;
z-index: 1000;
}

#next {
height: 560px;	
cursor: pointer;	
position: absolute;
right: -514px;

}

#min-screen {
display: none;
padding-top: 65px;
padding-bottom: 16px;
}

#min-screen img {
width: -moz-calc(100% - 32px);
width: -webkit-calc(100% - 32px);
width: calc(100% - 32px);	
padding-top: 16px;	
}

.min-info-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex: row nowrap;
padding-top: 2px;
padding-bottom: 32px;
}

.min-info-text {
width: 332px;	
text-align: left;
padding-right: 16px;
}

.min-info-tag {
width: 108px;	
text-align: left;
padding: 0 32px 0 16px;
}

@media screen and (max-width: 760px) { 
	#next, #prev{
	display: none;
	}
}

@media screen and (max-width: 632px) { 
	.left-arrow, .right-arrow {
	display: none;
	}
}