body {
	background-color:black;
}

img {
	transition: all 0.8s;
	cursor: pointer;
}

img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	max-width: 100%;
}

#princ {
	display: flex;
	height: 90vh;
	width: 100%;
	justify-content: center;
	align-items: center;
	
}

#content {
	margin-top: 3vh;
	display: none;
	height: 85vh;
	justify-content: center;
	align-items: center;
}

#sec {
	height: 100%;
	align-items: center;
	display: flex;
	flex-direction: column;
    justify-content: space-around;
	transition: all 0.8s;
}

#back {
	display: none;
	transition: all 0.8s;
}

@media (max-width: 600px) {
	#princ img {
		max-width: 80%;	
	}

	#content {
		margin-top: 1vh;
		display: none;
		height: 85vh;
		justify-content: center;
		align-items: center;
	}
	#sec {
		height: 90%;
	}
	#sec img {
		height: 90%;
		width: 90%;	

	}
}