/* ==========================================================
   PHIUM GRID SYSTEM
========================================================== */

/* Container */

.phium-container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 20px;
}

/* Grid */

.phium-grid{
    display:grid;
    gap:30px;
}

/* 2 Columns */

.phium-grid-2{
    grid-template-columns:repeat(2,1fr);
}

/* 3 Columns */

.phium-grid-3{
    grid-template-columns:repeat(3,1fr);
}

/* 4 Columns */

.phium-grid-4{
    grid-template-columns:repeat(4,1fr);
}

/* 5 Columns */

.phium-grid-5{
    grid-template-columns:repeat(5,1fr);
}

/* Auto Grid */

.phium-grid-auto{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

/* Vertical Alignment */

.phium-align-center{
    align-items:center;
}

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

.phium-text-center{
    text-align:center;
}

/* Gap Utilities */

.phium-gap-20{
    gap:20px;
}

.phium-gap-30{
    gap:30px;
}

.phium-gap-40{
    gap:40px;
}

.phium-gap-60{
    gap:60px;
}

/* Responsive */

@media(max-width:991px){

.phium-grid-5,
.phium-grid-4,
.phium-grid-3{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.phium-grid-5,
.phium-grid-4,
.phium-grid-3,
.phium-grid-2{

grid-template-columns:1fr;

}

}