#about {
	margin-top : -7px;
}
.article {
	position : relative;
	padding : 30px;
	background : var(--bg-color);
	color : var(--main-color);
	font-weight : 200;
	z-index: 999998;
}
[data-bs-theme=light] .article {
	background : var(--bg-color-day);
	color : var(--main-color-day);
}
@media (min-width: 768px) {
	.article {
		padding : 80px;
	}
}
@media (min-width: 992px) {
	.article {
		padding : 100px;
	}
}
.article h2 {
	color : var(--main-color);
}
[data-bs-theme=light] .article h2 {
	color : var(--main-color-day);
}
.article p {
	font-size : 1.2em;
}
.article .btn {
	background-color : var(--bg-color-light);
	border : 2px solid var(--bg-color-light-day);
	color : var(--main-color);
	font-weight : 300;
	padding : 7px 25px;
	border-radius : 40px;
	font-size : 1.2em;
	margin-top : 20px;
}
.article .btn:hover, .article .btn:focus, .article .btn:active {
	background-color : var(--bg-color);
	border : 2px solid var(--bg-color-day);
}
[data-bs-theme=light] .article .btn {
	background : var(--main-color);
	color : var(--main-color-day);
	border : 2px solid var(--bg-color);
}
[data-bs-theme=light] .article .btn:hover, [data-bs-theme=light] .article .btn:focus, [data-bs-theme=light] .article .btn:active {
	background : var(--bg-color-light);
	color : var(--main-color);
	border : 2px solid var(--bg-color);
}
.article#studio .btn {
		width : 100%;
	}
@media (min-width: 622px) {
	.article#studio .btn {
		width : auto;
	}
}
.hr {
	border-top : 1px solid var(--main-color);
	opacity : 0.1;
	margin : 0 100px;
}
[data-bs-theme=light] .hr {
	border-top : 1px solid var(--main-color-day);
}


.feature-icon-small {
	width: 3rem;
	height: 3rem;
	border : 0px;
}
[data-bs-theme=light] .feature-icon-small {
	border : 2px solid var(--bg-color);
}
.feature-icon-small .bi {
	margin-top : -10px;
}

.about-img img {
	max-width : 250px;
}
@media (min-width: 768px) {
	.about-img img {
		max-width : 350px;
		
	}
}
@media (min-width: 992px) {
	.about-img img {
		max-width : 100%;
		
	}
}