/* 
    Created on : 28 juil. 2016, 22:42:41
    Author     : Richounet
*/

@import url("../basic/commons.css");

@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    #page #content .item {
        margin: 3% 2.5% 2% 2.5%;
    }

    #page #content .item div {
        width: 42vw;
        height: 42vw;
    }

    #page #content .item p {
        margin: 2% 0 0 0;
        font-size: 2.8vw;
    }

    #page #content .item a img {
        width: 100%;
        height: 42.8vw;
        border: 1px solid var(--main2-color);
    }
}

@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
    #page {
        width: 100%;
    }

    #page #content {
        margin: 0;
        padding: 1% 0;
        width: 100%;
    }

    #page #content .item {
        margin: 3% 5.5%;
        width: 14vw;
    }

    #page #content .item p {
        margin: 2% 0 0 0;
        font-size: 2.0vw;
    }

    #page #content .item a img {
        width: 100%;
        height: 14vw;
        border: 1px solid var(--main2-color);
    }
}