main {
    width: min(100%, 1200px);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-around;
    margin: 0 auto;
}

main > * {
    width: 300px;
    background: #F4F4F4;
}

.small-caption {
    color: #4585FF;
    font-family: "Gotham";
    font-weight: 500;
}

.messageBox {
    width: 100%;
    background: #f8f7ff;
}


.messageBox > div {
    width: 97%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.messageBox > div > * {width: 100%; margin: 0;}
.messageBox h4 {font-family: "Gotham";}
.messageBox > div {padding: 40px 0px 40px 0px;}

.insquare {
    width: 280px;
    margin: 0 auto;
}


.inbg {
    width: 100%;
    height: 280px;
    background: red;
    background-size: cover;
    margin: 0 auto;
}



.intext {
    color: #212121;
    font-family: "Gotham";
    width: 100%;
    margin: 0 auto;
}


.inbtn {
    padding: 3% 6%;
    background: green;
    color: #FFF;
    margin-bottom: 10px;
}


.gap-10 {
    width: 100%;
    display: inline-block;
    height: 15px;
}


.inar {width: min(90%, 1200px); margin: 0 auto;}

.inar-h, .inar-p {font-family: "Gotham";}