/* Accessory pages - acc_*.html */

body {
    background-color: #FFCC99;
}

#main {
    margin: 8px 8px 80px 8px;
}

#pics {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.small {
    font-size: 0.8em;
}

#accessories {
    width: 90%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0px auto 0px auto;
}

#accessories > div {
    background-color: #999999;
    margin: 4px;
    border: 1px solid #999;
    width: 280px;
}

#accessories > div > div:nth-child(1) {
    background-color: #c0c0c0;
    text-align: center;
}

#accessories > div > div:nth-child(2) {
    padding: 8px;
}

@media(max-width: 700px) {
    #accessories {
        width: 100%;
    }
    
    #accessories > div {
        width: 100%;
        height: auto;
    }
    
    #accessories > div:nth-child(2) {
        height: auto;
    }
}