img{
    width: 350px;
    height: 350px;
    margin: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   
    

}
section{
    width: 100%;
    background: #bebaba;
  
}
.firtst{
    width: 90%;
    height: 400px;
    display: flex;
    margin: auto;
}

.thrd{
    width: 90%;
    height: 400px;
    display: flex;
    margin: auto;
}
.forth{
    width: 90%;
    height: 400px;
    display: flex; 
    margin: auto;
}
.five{
    width: 90%;
    height: 400px;
    display: flex; 
    margin: auto;
}
.six{
    width: 90%;
    height: 400px;
    display: flex; 
    margin: auto;
}
.seven{
    width: 90%;
    height: 400px;
    display: flex;
    margin: auto;
}






@media (max-width:450px){
    section{
        width: 100%;
        background: #bebaba;
    }
    .firtst{
        width: 90%;
        display: block;

    }
    .secent{
        width: 90%;
        display: block;
    }
    .thrd{
        width: 90%;
        display: block;
    }
    .forth{
        width: 90%;
        display: block;
    }
    .five{
        width: 90%;
        display: block;
    }
    .six{
        width: 90%;
        display: block;
    }
    .seven{
        width: 90%;
        display: block;
    }

}