/* =========================
RESET + BASE
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,sans-serif;
    background:#f3f4f6;
    min-height:100vh;
    color:#111827;
}

img{
    max-width:100%;
    display:block;
}

button,
input,
select,
textarea{
    font:inherit;
}

.main{
    background-color: #fff;
    padding: 10px;
}
/* =========================
CONTAINER
========================= */
.container{
    max-width:1440px;
    margin:auto;
    padding:0 10px;
}

.bg-w{
    background-color: #fff;
}

@media (max-width: 768px) {
    .container {
        padding: 0 12px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 10px;
    }
}