* {
    box-sizing: border-box;
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
}
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
span, a {
    display: inline-block;
}
.big {
    max-width: 1400px;
    margin: 40px auto;
    padding: 0 30px;
}
.section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.section:first-of-type {
    margin-bottom: 70px;
}
.boxes {
    justify-content: center;
    gap: 60px;
    text-align: center;
}
.title {
    font-size: 36px;
    margin-bottom: 30px;
}
.pic1 {
    width: 32%;
    height: 550px;
    border-radius: 15px;
    object-fit: cover;
}
.content {
    width: 37%;
}
.text {
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.text:last-of-type {
    margin-bottom: 0;
}
.pic2 {
    width: 26%;
    height: 450px;
    border-radius: 15px;
    object-fit: cover;
}
.box {
    color: gray;
}
.h3 {
    font-size: 30px;
    margin-bottom: 10px;
}
.txt {
    font-size: 19px;
}

@media(max-width:1300px){
    .title {
        font-size: 33px;
    }
    .text {
        font-size: 19px;
    }
}
@media(max-width:1100px){
    .pic2 {
        order: -1;
        width: 49%;
        height: 500px;
    }
    .pic1 {
        order: -2;
        width: 49%;
        height: 500px;
    }
    .content {
        width: 100%;
        margin-top: 20px;
    }
}
@media(max-width:770px){
    .pic1, .pic2 {
        height: 350px;
    }
    .big {
        padding: 0 20px;
        margin: 30px 0 50px;
    }
}
@media(max-width:550px){
    .pic1, .pic2 {
        height: 450px;
        width: 100%;
    }
    .pic1 {
        margin-bottom: 20px;
    }
}
@media(max-width:400px){
    .title {
        font-size: 32px;
        text-align: center;
    }
    .boxes {
        gap: 40px;
    }
    .section:first-of-type {
        margin-bottom: 50px;
    }
}