@media screen and (min-width: 900px) {
    body{
        background-color: rgb(212, 208, 198)
    }

    .header{
        text-align: center;
        margin-top: 2%;
    }

    .title{
        text-align: center;
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .flowers1{
        text-align: center;
    }

    .flower1{
        display: inline-block;
        width: 13%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        margin-right: 1%;
        padding-top: 1%;
        margin-bottom: 2%;
    }

    .flower2{
        display: inline-block;
        width: 13%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        margin-right: 1%;
        padding-top: 1%;
    }

    .flower3{
        display: inline-block;
        width: 13%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        padding-top: 1%;
    }

    .flowers2{
        text-align: center;
    }

    .flower4{
        display: inline-block;
        background-color: rgb(241, 236, 227);
        width: 13%;
        padding: 0; 
        margin-right: 1%;
        padding-top: 1%;
    }

    .flower5{
        display: inline-block;
        background-color: rgb(241, 236, 227);
        width: 13%;
        padding: 0; 
        margin-right: 1%;
        padding-top: 1%;
    }

    .flower6{
        display: inline-block;
        background-color: rgb(241, 236, 227);
        width: 13%;
        padding: 0;
        padding-top: 1%;
    }
}

@media screen and (max-width: 900px) {
    body{
        background-color: rgb(212, 208, 198);
        text-align: center;
    }

    .header{
        text-align: center;
        margin-top: 5%;
    }

    .title{
        text-align: center;
        margin-top: 2%;
        margin-bottom: 3%;
    }

    .flower1{
        width: 60%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .flower2{
        width: 60%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .flower3{
        width: 60%; 
        background-color: rgb(241, 236, 227);
        padding: 0; 
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .flower4{
        background-color: rgb(241, 236, 227);
        width: 60%;
        padding: 0; 
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .flower5{
        background-color: rgb(241, 236, 227);
        width: 60%;
        padding: 0; 
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .flower6{
        background-color: rgb(241, 236, 227);
        width: 60%;
        padding: 0;
        padding-top: 5%;
        margin-left: 20%;
        margin-right: 20%;
    }
}