body {overflow-x: hidden;}

#container {width: 100%;}
.container {max-width: 1320px; width: 100%; margin: 0 auto; padding: 0 20px;}
.container-small {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px;}
.container-x-small {max-width: 900px; width: 100%; margin: 0 auto; padding: 0 20px;}

.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8 {display: grid;}

@media (max-width: 767px) {
    .container-full {padding: 0;}
    .grid-2 {grid-template-columns: 1fr;}
    .grid-3 {grid-template-columns: 1fr;}
    .grid-4 {grid-template-columns: repeat(2,1fr);}
    .grid-5 {grid-template-columns: repeat(3,1fr);}
    .grid-6 {grid-template-columns: repeat(3,1fr);}
}
@media (min-width: 768px) {
    .grid-2 {grid-template-columns: 1fr;}
    .grid-3 {grid-template-columns: 1fr;}
    .grid-4 {grid-template-columns: repeat(2,1fr);}
    .grid-5 {grid-template-columns: repeat(3,1fr);}
    .grid-6 {grid-template-columns: repeat(3,1fr);}
    .grid-8 {grid-template-columns: repeat(4,1fr);}
}
@media (min-width: 992px) {
    .grid-2 {grid-template-columns: repeat(2,1fr);}
    .grid-3 {grid-template-columns: repeat(3,1fr);}
    .grid-4 {grid-template-columns: repeat(4,1fr);}
    .grid-5 {grid-template-columns: repeat(5,1fr);}
    .grid-6 {grid-template-columns: repeat(6,1fr);}
}
@media (min-width: 1320px) {
    .grid-2 {grid-template-columns: repeat(2,1fr);}
    .grid-3 {grid-template-columns: repeat(3,1fr);}
    .grid-4 {grid-template-columns: repeat(4,1fr);}
    .grid-5 {grid-template-columns: repeat(5,1fr);}
    .grid-6 {grid-template-columns: repeat(6,1fr);}
}