.top-img img {
    display: block;
    width: 100%;
    margin: 4em auto;
    border-radius: min(51px, 3.64vw) min(51px, 3.64vw) 0 0;
}
.content {
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    line-height: 1.8;
    width: min(782px, 55.85vw);
    margin: 3rem auto;
}
.images-container {
    width: min(782px, 55.85vw);
    margin-left: auto;
    margin-right: auto;
}
.images-container > ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.images-container > ul > li {
    margin-bottom: 3rem;
    width: 100%;
}

.images-container > ul > li.half{
    width: 48%;
}
.images-container img {
    display: block;
    max-width: 100%;
    border-radius: min(48px, 3.42vw) min(48px, 3.42vw) 0 0;
}
.images-container > ul > li.half > img{
    border-radius: min(24px, 1.71vw) min(24px, 1.71vw) 0 0;
}

.list {
    list-style: none;
    width: min(782px, 55.85vw);
    margin: 4rem auto;
}
.list li {
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    line-height: 1.8;
    text-align: left;
    margin: 0 auto 4rem auto;
}
.list li .bold {
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    line-height: 1.8;
    font-weight: bold;
}

@media screen and (max-width: 768px){
    .content {
        font-size: min(16pt, calc(8pt + 1.6vw));
        width: 80vw;
    }
    
    .images-container{
        width: 90vw;
    }
    
    .list{
        width: 80vw;
    }
    
    .list li, .list li .bold{
        font-size: min(16pt, calc(8pt + 1.6vw));
    }
}