.focus{
    margin: auto;
    padding: 20px;
    width: 80%;
}
.focus-box{
    float: left;
    width: 200px;
    border-radius: 20px;
    margin-left: 9%;
    padding: 10px;
    transition: all .9s;
}
.focus-box img{
    width: 200px;
    border-radius: 20px;
}
.focus-box h4{
    float: bottom;
}
.scale{
    transition: all .9s;
    transform:scale(1.3);
}
@media (max-width: 1200px) {
    .focus-box{
        margin-left: 7%;
    }

}
@media (max-width: 1100px) {
    .focus-box{
        width: 170px;
        margin-left: 5%;

    }

}
@media (max-width: 900px) {

    .focus{
        width: 100%;
    }
    .focus-box{
        width: 170px;
        margin-left: 7%;

    }

}
@media (max-width: 800px) {
    .focus{
        width: 90%;
    }
    .focus-box img{
        width: 150px;
    }
    .focus-box{
        width: 150px;
        margin-left: 7%;

    }
}
@media (max-width: 750px) {
    .focus{
        text-align: center;
        width: 230px;
    }
    .focus-box img{
        width: 200px;
    }
    .focus-box{
        text-align: center;
        width: 200px;
        margin-left: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}