/*about us*/

.top-about-us{
    background-size: cover; 
    background-position: center;
    color: #fff;;
}

.top-about-us h1{
	font-weight: 300;
	font-size: 40px;
	line-height: 46px;
	color: #fff;
}
.top-about-us p {
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0.3px;
	color: #fff;
}
.top-about-us .inner{
    display: flex;
    padding: 52px 0;
}
.top-about-us .inner h1 {
    flex: 3;
}
.top-about-us .inner p {
    flex: 7;
}

.about-us-bottom{
    background: var(--grey-ex-lighter);
	padding-top: 52px;
	padding-bottom: 52px;
}
.about-us-bottom .inner{
	display: flex;
}
.about-us-bottom .inner div{
	flex: 1;
}
.about-us-bottom h3{
	font-size: 40px;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 40px;
}
.about-us-bottom img{
	max-height: 160px;
}


@media (max-width: 576px) {

}
@media (min-width: 577px) {
}
@media (min-width: 577px) and (max-width: 768px) {

}
@media (max-width: 768px) {
	.top-about-us .inner {
		display: block;
	}
	.top-about-us h1 {
		margin-bottom: 20px;
	}
	.top-about-us p {
		font-size: 22px;
		line-height: 36px;
	}
	.about-us-bottom h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.about-us-bottom .inner {
		gap: 30px;
	}

}
@media (min-width: 769px) {

}
@media (min-width: 769px) and (max-width: 991px) {

}
@media (max-width: 991px) {

}
@media (min-width: 992px) {

}
@media (min-width: 992px) and (max-width: 1200px) {

}
@media (min-width: 1201px) and (max-width: 1439px) {

}
@media (min-width: 1440px) {

}