h1{
    text-align: center;
}
.box1{
    background-color: hsl(345, 100%, 14%);
    width: 100px;
    height:100px;
    margin-left:47%;
    display:inline-block;
}
.f1{
    text-align: center;
    display:block;
}
.box2{
    background-color: hsl(348, 62%, 45%);
    width: 100px;
    height:100px;
    margin-left:47%;
    display:inline-block;
}
.f2{
    text-align: center;
    display:block;
}
.box3{
    background-color: hsl(340, 90%, 38%);
    width: 100px;
    height:100px;
    margin-left:47%;
    display:inline-block;
}
.f3{
    text-align: center;
    display:block;
}
.box4{
    background-color: hsl(348, 28%, 47%);
    width: 100px;
    height:100px;
    margin-left:47%;
    display:inline-block;
}
.f4{
    text-align: center;
    display:block;
}
.box5{
    background-color: hsl(51, 91%, 44%);
    width: 100px;
    height:100px;
    margin-left:47%;
    display:inline-block;
}
.f5{
    text-align: center;
    display:block;
}
/*Smartphones*/
@media screen and (max-width: 768px){
    .box1, .box2, .box3, .box4, .box5 {
        margin-left: 42%;
    }
}