.wrapper{
    padding: 8% 30px 0 30px;
}

.work {
	width: 100%;
	height: 100%;
}

.work-wrapper {
	display: flex;
    flex-wrap: wrap;
    margin: 100px 0 0 0;
}

.work-slide {
    width: 33.33%;
	height: 50vh;
	min-height: 650px;
	background: #fff;
    padding: 1%;
}

.work-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 1px solid #e5e5e5;
}

.work-slide ul {
	text-align: left;
	margin: 25px 0 0 0;
}

.work-slide ul li:nth-child(1) {
	color: #000000;
	font-weight: 600;
	font-size: 150%;
}

.work-slide ul li:nth-child(2) {
	font-weight: 300;
	font-size: 100%;
	font-style: italic;
}

.work-slide ul li:nth-child(3) {
	margin: 25px 0 0 0;
	font-size: 100%;
}

.flex-company {
	width: 100%;
	margin: 150px auto 0 auto;
}

.flex-company ul {
	display: flex;
    flex-wrap: wrap;
	margin: 0 0 5% 0;
}

.flex-company ul li {
	width: 50%;
}

.flex-company ul li p:nth-child(1) {
	margin: 0 !important;
	color: #464646 !important;
	font-size: 100% !important;
	font-weight: 200 !important;
}

.flex-company ul li p:nth-child(2) {
	margin: 20px 0 0 0 !important;
	color: #00a3a3 !important;
	font-size: 200% !important;
	font-weight: 600 !important;
}

.flex-company ul li p {
	text-align: left !important;
}

@media (max-width: 1020px) {
.wrapper {
    padding: 8% 3vw;
}
	
.work-wrapper {
	display: block;
	margin: 50px 0 0 0;
}
	
.work-slide {
    width: 100%;
    min-height: 50px;
    margin: 0 0 80px 0;
}
    
.flex-company {
	margin: 0;
}

.flex-company ul {
	display: block;
	margin: 0;
}

.flex-company ul li {
	width: 100%;
}
	
.flex-company ul li p:nth-child(1) {
  font-size: 17px !important;
  font-weight: 400 !important;
}
	
.flex-company ul li p:nth-child(2) {
  margin: 0 !important;
  font-size: 42px !important;
  font-weight: 600 !important;
}

.flex-company ul li p.t_About {
  font-size: clamp(17px, 1vw, 20px) !important;
  font-weight: 300 !important;
}

.google-maps {
  margin-top: 50px;
  padding-bottom: 66% !important;
}
}

@media (max-width: 640px) {
.wrapper {
    padding: 8% 3vw;
}
	
.work-wrapper {
	display: block;
	margin: 50px 0 0 0;
}
	
.work-slide {
    width: 100%;
    min-height: 50px;
    margin: 0 0 80px 0;
}

.flex-company {
	margin: 0;
}

.flex-company ul {
	display: block;
	margin: 0;
}

.flex-company ul li {
	width: 100%;
}
	
.flex-company ul li p:nth-child(1) {
  font-size: 17px !important;
  font-weight: 400 !important;
}
	
.flex-company ul li p:nth-child(2) {
  margin: 0 !important;
  font-size: 42px !important;
  font-weight: 600 !important;
}

.flex-company ul li p.t_About {
  font-size: clamp(17px, 1vw, 20px) !important;
  font-weight: 300 !important;
}
}