.p-column {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.p-row {
    display: flex;
    flex-direction: row;
}

.p-row-no-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.p-wrap {
    display: flex;
    flex-wrap: wrap;
}


.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}


.p-space-around {
    justify-content: space-around;
}

.p-space-between {
    justify-content: space-between;
}

.p-space-evenly {
    justify-content: space-evenly;
}

.p-center {
    justify-content: center;
}

.p-marginCenter
{
    margin: auto;
}

/* MARGE */
/* margin top */
.mTop-20 {
    margin-top: 20px;
}

.mTop-25 {
    margin-top: 25px;
}

.mTop-50 {
    margin-top: 50px;
}

.mTop-75 {
    margin-top: 75px;
}

.mTop-100 {
    margin-top: 100px;
}

.mTop-125 {
    margin-top: 125px;
}

.mTop-150 {
    margin-top: 150px;
}

.mTop-175 {
    margin-top: 175px;
}

.mTop-200 {
    margin-top: 200px;
}

/* margin bottom */

.mBot-20 {
    margin-bottom: 20px;
}

.mBot-25 {
    margin-bottom: 25px;
}

.mBot-50 {
    margin-bottom: 50px;
}

.mBot-75 {
    margin-bottom: 75px;
}

.mBot-100 {
    margin-bottom: 100px;
}

.mBot-125 {
    margin-bottom: 125px;
}

.mBot-150 {
    margin-bottom: 150px;
}

.mBot-175 {
    margin-bottom: 175px;
}

.mBot-200 {
    margin-bottom: 200px;
}

/* Margin Left */
.mLeft-20 {
    margin-left: 20px;
}

.mLeft-25 {
    margin-left: 25px;
}

.mLeft-50 {
    margin-left: 50px;
}

.mLeft-75 {
    margin-left: 75px;
}

.mLeft-100 {
    margin-left: 100px;
}

.mRight-20 {
    margin-right: 20px;
}

.img-center 
{    
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 1200px) {
    .p-row {
        display: flex;
        flex-direction: column;        
        margin-left: auto;
        margin-right: auto;
    }
}