html body{
    margin: 0;
    padding: 0;
}
.mainBox{
    width: 100%;
}
.marginBox{
    width: 80%;
    margin: 0 auto;
}
.bgImg{
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.bigImg{
    height: 610px!important;
}
.marginBox >h3{
    text-align: center;
    font-size: 30px;
    line-height: 1;
    margin-top: 30px;
}
.marginBox >p{
    text-align: center;
    margin: 15px 0px 30px 0px;
}
.flexBox{
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: space-between;
}
.fBox{
    width: 450px;
    height: 400px;
    border: 1px solid #ccc;
}
.fBox img{
    width: 100%;
    height: 350px;
}
.fBox p{
    text-align: center;
    margin-top: 10px;
    color: #000;
}
.colorBox{
    background-color: #00d2d3;
}