.del__about {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 4rem;
}
.del__about .del__s_inner {
display: flex;
flex-direction: row;
gap: 2rem;
}
.del__about .del__s_inner .del__s_left,
.del__about .del__s_inner .del__s_right {
flex: 1 1 50%;
display: flex;
flex-direction: column;
}
.del__about .del__s_inner .del__s_right {
overflow: hidden;
border-radius: 1rem;
}
.del__about .del__s_inner .del__s_left {
justify-content: center;
}
.del__about .del__s_inner .del__s_left .del__s_header {
text-align: left;
font-size: var(--size-text-xxl);
margin-bottom: 2rem;
font-weight: 300;
}
.del__about .del__s_inner .del__s_left .del__s_slogan {
font-size: var(--size-text-xl);
margin-bottom: 2rem;
}
.del__about .del__s_inner .del__s_left .del__s_text p {
font-size: var(--size-text-m-3);
margin-bottom: 2rem;
}
.del__about .del__s_inner .del__s_left .del__s_text span {
font-size: var(--size-text-m-2);
margin-bottom: 2rem;
}
.del__about .del__s_inner .del__s_right img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1280px) {
.del__about {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 960px) {
.del__about {
display: flex;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 2rem;
}
.del__about .del__s_inner {
flex-direction: column;
}
}