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

.container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

.container-fluid{
    width:95%;
    max-width:1400px;
    margin:0 auto;
}

.row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px;
}

[class*="col-"]{
    padding-left:15px;
    padding-right:15px;
}

.col-12{
    width:100%;
}

.col-6{
    width:50%;
}

.col-4{
    width:33.3333%;
}

.col-3{
    width:25%;
}

.col-8{
    width:66.6666%;
}

.col-9{
    width:75%;
}

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

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

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

@media(max-width:992px){

    .col-3,
    .col-4,
    .col-6,
    .col-8,
    .col-9{

        width:100%;

    }

}