* {
    background-color: rgb(18, 129, 189);
    text-decoration: none;


}

.SHOP_TITLE {

    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 300%;
    text-shadow: 
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black,
    0px 0px 2px black;

    text-align: center;


}
p {

    text-align: center;
    background-color: transparent;
}


.PRODUCT_IMAGE {

background-color: rgb(183, 183, 183);    

width: 90%;
max-width: 500px;

max-height: 500px;

border-radius: 20px;


}


.SERVICES_SECTION {

    background-color: rgba(42, 42, 42, 0.944);
    border-radius: 20px;
    border: .8px solid rgb(64, 64, 64);


    text-align: center;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 20px;

    padding: 10px;

    max-width: 1200px;

    margin: auto;

    justify-items: center;


}

.OFFERS_SECTION {

    background-color: yellow;
    border-radius: 20px;
    border: .8px solid rgb(64, 64, 64);

    text-align: center;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));

    gap: 20px;

    padding: 10px;

    max-width: 1200px;

    margin: auto;

    justify-items: center;

}

.ART_SECTION {

    background-color: rgba(150, 73, 233, 0.631);
    border-radius: 20px;
    border: .8px solid rgb(64, 64, 64);

    text-align: center;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 20px;

    padding: 10px;

    max-width: 1200px;

    margin: auto;

    justify-items: center;

}



.PRODUCT_SECTION {


    background-color: rgba(113, 233, 73, 0.707);
    border-radius: 20px;
    border: .8px solid rgb(64, 64, 64);

    text-align: center;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));

    gap: 20px;

    padding: 10px;

    max-width: 1200px;

    margin: auto;

    justify-items: center;

}













@media (max-width: 768px) {


.SERVICES_SECTION {


    display: grid;
    grid-template-columns: 1fr;
    grid-row: 70%;


    justify-content: center;

}

.OFFERS_SECTION {



    display: grid;
    grid-template-columns: 1fr ;
    grid-row: 70%;

    justify-content: center;


}

.PRODUCT_SECTION {


    background-color: rgb(198, 182, 125);
    grid-template-columns: (1fr, 1fr);

    max-width: 300%;
    justify-content: center;
}


.ART_SECTION {




    display: grid;
    grid-template-columns: 1fr;
    grid-row: 70%;


    justify-content: center;

}





.MERCH_SECTION {




    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row: 70%;

    justify-content: center;


}


.PRODUCT_IMAGE {

background-color: rgb(183, 183, 183);    

width: 70%;
max-width: 200px;

max-height: 300px;

border-radius: 20px;


}


}