main {
	position: absolute;
	top: 65px;
	bottom: 45px;
	width: 100%;
}
.slideshow_controls {
	position: absolute;
	height: 100%;
	width: 100%;
	transition: all .3s;
	overflow: hidden;
}
.studio_slideshow {
	height: 100%;
	width: 1300vw;	/* update to length of photos*/
	position: relative;
	left: 0;
	overflow: hidden;
}
.slideshow_small {
	width: 75%;
}
.studio_slideshow div {
	height: 100%;
	width: 100vw;
	margin: -2px;
	top: 0;
	position: relative;
	display:inline-block;
	overflow: hidden;
}
.studio_slideshow img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	transition: transform .3s;
}
.img_smaller img{
	transform: translateX(-12.5%);
}
#minimize {
	position: absolute;
	cursor: pointer;
	top: 20px;
	width: 40px;
	padding: 10px 0px 10px 10px;
	margin: 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.5);
	transition: all .3s;
}
#minimize::before{
	content: "Close";
}
.sidebar_hide #minimize::before {
	content: "Info";
}
.sidebar_container {
	position: fixed;
	height: 100%;
	width: calc(25% + 50px);
	top: 65px;
	right: 0px;
	transition: all .3s;
}
.sidebar {
	position: relative;
	left: 60px;
	width: calc(100% - 60px);
	height: 100%;
	padding: 10px 30px;
	background-color: white;
	box-sizing: border-box;
	transition: all .3s;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
	overflow: auto;
}
.sidebar_hide {
	right: -25%;
}
.carousel_main {
	width: 100%;
	height: calc(100vh - 65px);
}

#prev, #next {
	position:absolute;
	cursor: pointer;
	top: 45vh;
	padding: 10px;
	transition: all .3s;
	z-index: 2;
	background-color: rgba(255,255,255, 0.5);
	color: #2F2F2F;
	border: 1px solid grey;
	border-radius: 10%;
}
#prev:hover, #next:hover, #minimize:hover {
	background-color: rgba(255,255,255, .8);
	color: black;
	border-color: black;
}
#prev{
	left: 30px;
}
#next{
	right: 30px;
}
.sidebar > p:last-child {
	margin-bottom: 150px;
}
.studio_slideshow > div > div {
	position: absolute;
	font-size: 1.3em;
	color: white;
	top: 90%;
	left: 10%;
	text-shadow: 1px 1px 1px black;
}

/* ========== RESPONSIVE ========== */
/* Largest */
@media all and (max-width: 1280px) {
}

/* Large */
@media all and (max-width: 1024px){
	.sidebar_container {
		width: calc(35% + 50px);
	}
	.sidebar_hide {
		right: -35%;
	}
	.slideshow_small {
		width: 65%;
	}
}

/* Medium */
@media all and (max-width: 800px) {
	main {
		position: relative;
		top: 0;
		bottom: 0;
	}
	.slideshow_controls {
		position: relative;
		height: 50vh;
		width: 100%;
	}
	.studio_slideshow img {
		height: 100%;
	}
	#prev, #next {
		top: 45%;
		padding: 10px;
	}
	.sidebar_container {
		position: relative;
		width: 100%;
		top: 0;
	}
	.sidebar {
		left: 0;
		width: 100%;
	}
	#minimize {
		display: none;
	}
	.img_smaller img {
		transform: translateX(0);
	}
	.studio_slideshow > div > div {
		font-size: 1em;
		top: 80%;
	}
	.sidebar > p:last-child {
		margin-bottom: 80px;
	}
	.sidebar_hide {
		right: 0%;
	}
}

/* Small */
@media all and (max-width: 640px) {

}