.cwrapper {
	margin-right:auto;
	margin-left: auto;
	max-width: 60em;
	min-height: 100vh;
	box-shadow: 0 0 1em 1em rgba(0, 0, 0, 0.1);
	padding-bottom; 6em;
}

.ccontainer {
	position: relative;
}
.carousel {
	display: flex;
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
	scroll-behavior: smooth;
}
.carousel_item {
	width: 100%;
	flex-shrink: 0;
	scroll-snap-align: start;
}
.carousel_img {
	display: block;
}

.controls {
	position: absolute;
	top: 701px;
	right: 0;
	bottom: 1em;
	left: 0;
	text-align: center;
	padding:3em;
	margin-top: 100px;
}
.controls_dot (
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	border-radius; 50%;
	outline: none;
	background-color: #fff;
	opacity: 0.8;
	cursor: pointer;
	transition: opacity 0.2s;
	&:not(:first-child) {
		margin-left: 0.25em;
	}
	
)

&:hover,
&:focus {
	opacity: 1;
}
/*
im g {
		display:block;
		max-width:100%;
	}
.sswrapper {
		display: grid;
		grid-template-columns: 1fr 5fr;
		grid-gap: 20px;
		overflow: hidden;
		height: 100vh;
		justify-items: center;
		align-items: center;
		justify-content: center;
		align-content: center;
			
		}
	}
.gallery {
			overflow-x: scroll;
			overflow-y: hidden;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;
			display: flex;
		
		}
	}
.gallery_img {
				scroll-snap-align: start;
				margin-bottom: 10px;
				min-height:100vh;
				object-fit: cover;
	}
	
.ssnav {
			overflow-y: scroll;
			overflow-x: hidden;
			display: flex;
			
		}
	}
.ssnav a {
			height: 200px;
			display: flex;
			margin-bottom: 10px;
	}
.ssnav_img {
				object-fit: cover;
				filter: saturate;
				transition: 0.3s ease all;
				
	}
.ssnav_img:hover {
					transform: scale(1.05);
					filter: saturate(1);
	}	
$large: 1200px;
*/