/*----------------------
    HTML "MODULAR"
------------------------*/


/*General padding*/
.p0 {
    padding: 0;
}

.p1 {
    padding: 8px;
}

.p2 {
    padding: 16px;
}

.p3 {
    padding: 32px;
}

/*Up and down padding*/
.pud0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pud1 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pud2 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.pud2 {
    padding-top: 32px;
    padding-bottom: 32px;
}

/*Side paddigns*/
.psi0 {
    padding-left: 0;
    padding-right: 0;
}

.psi1 {
    padding-left: 8px;
    padding-right: 8px;
}

.psi2 {
    padding-left: 16px;
    padding-right: 16px;
}

.psi3 {
    padding-left: 32px;
    padding-right: 32px;
}

/*Single side padding*/
.ptop0 {
    padding-top: 0;
}

.ptop1 {
    padding-top: 8px;
}

.ptop2 {
    padding-top: 16px;
}

.ptop3 {
    padding-top: 32px;
}

.pbottom0 {
    padding-bottom: 0;
}

.pbottom1 {
    padding-bottom: 8px;
}

.pbottom2 {
    padding-bottom: 16px;
}

.pbottom3 {
    padding-bottom: 32px;
}

.pleft0 {
    padding-left: 0;
}

.pleft1 {
    padding-left: 8px;
}

.pleft2 {
    padding-left: 16px;
}

.pleft3 {
    padding-left: 32px;
}

.pright0 {
    padding-right: 0;
}

.pright1 {
    padding-right: 8px;
}

.pright2 {
    padding-right: 16px;
}

.pright3 {
    padding-right: 32px;
}