/*---------------------GENERAL STYLES--------------------------*/
*{
    text-align: center;
}
/*---------------------SMARTPHONES--------------------------*/
@media screen and (max-width: 480px)
{   
    .content{
        padding: 2rem;
        padding-top: 60px;
        width: calc(100vw - 4rem);
    }
    .product-block{
        margin: 1rem;
        padding: 1rem;
    }
    .product-block img{
        width: calc(100vw - 8rem);
        margin-bottom: 0.5rem;
    }
    .prod-name{
        font-size: 1.5rem;
        pad: 0.5rem;
    }
}
/*---------------------TABLETS----------------------*/
@media screen and (min-width: 480px)
{
    .content{
        padding: 2rem;
        padding-top: 60px;
        width: calc(100vw - 4rem);
    }
    .product-block{
        margin: 1rem;
        padding: 1rem;
    }
    .product-block img{
        width: calc(100vw - 8rem);
        margin-bottom: 0.5rem;
    }
    .prod-name{
        font-size: 1.5rem;
        pad: 0.5rem;
    }
}
@media screen and (min-width: 560px)
{   
    .content{
        padding: 1rem;
        padding-top: 60px;
        width: calc(100vw - 2rem);
    }
    .product-block{
        display: inline-block;
    }
    .product-block img{
        width: calc(50vw - 6rem);
    }
}
/*-------LARGE TABLTS/SMARTPHONES, TABLETS HORIZONTAL--------*/
@media screen and (min-width: 780px)
{
    .product-block{
        margin: 1rem;
        padding: 1rem;
    }
    .product-block img{
        width: calc(33vw - 6rem);
        margin-bottom: 0.5rem;
    }
    .prod-name{
        font-size: 1.75rem;
        pad: 0.5rem;
    }
}
/*--------------------PC,_LARGE_TABLETS------------------*/
@media screen and (min-width: 1000px)
{

    .product-block img{
        width: calc(25vw - 6rem);
    }
}
/*----------------------PC_HIGH_RESOLUTION-------------------------*/
@media screen and (min-width: 2560px)
{

}