* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

ul,ol {
    padding-left: 20px
}

.container {
    max-width: 1429px;
    padding: 0px 15px;
    margin: 0 auto;
}

.grid {
    display: grid;
    column-gap: 30px;
    row-gap: 30px
}

.grid:not(:last-child) {
    margin-bottom: 30px;
}
.grid--2-cols {
    grid-template-columns: repeat(2,1fr)
}

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

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

.grid--5-cols {
    grid-template-columns: repeat(5,1fr)
}
.grid--4-6-cols{
    grid-template-columns: 40% 60%;
}
.grid--6-4-cols{
    grid-template-columns: 60% 40%;
}
.grid--center-v {
    align-items: center
}

.grid-2-1-col{
       grid-template-columns: 2fr 1fr; 
}
.grid-3-1-col{
       grid-template-columns: 3fr 1fr; 
}
.grid-1-3-col{
       grid-template-columns: 1fr 3fr; 
}