.s_20{
	font-size: 5vh;
	font-weight: 800;
}

img {
	max-width: inherit;
	max-height: inherit;
	height: inherit;
	width: inherit;
}

.project_page {
	/* overflow: hidden; */
	margin: auto;
	display: flex;
	flex-direction: row;
	width: 100vw;
	height: 85vh;
	/* justify-content: left; */
}

.project_detail {
	display: flex;
	flex-direction: column;
	margin-top: 15vh;
	margin-left: 10vw;
}

.project_description{
	margin-top: 25vh;
	margin-left: 10vh;
	max-width: 40%;
}

.project_image {
	width: 40vw;
	/* max-height: 30%; */
}

.badge_list {
	width: 100%;
	display: flex;
	align-self: center;

	justify-content: space-evenly;
	/* align-items: center; */
}

.badge_list_skill {
	margin-top: 15vh;
	width: 100%;
	display: flex;
	align-self: center;

	justify-content: space-evenly;
	/* align-items: center; */
}

.badge {
	height: 5vh;
}


.project_home {
	/* margin-top: 20vh; */
	width: 100vw;
	margin-left: 35vw;
}





@media screen and (max-width: 992px) {
	.project_page {
		text-align: center;
		/* overflow: hidden; */
		margin: auto;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: 85vh;
		justify-content: center;
		align-items: center;
	}
	.project_detail {
		margin: 0;
	}
	
	.project_description{

		margin: 0;
		max-width: 80%;
		/* margin-left: 10vw; */
	}
	.project_image {
		margin-top: 10vh;
		width: 80vw;
		/* margin-left: 10vw; */
		/* max-height: 30%; */
	}
}