/* ===== Container ===== */

.container{
max-width:var(--container);
margin:auto;
padding:0 20px;
}

/* ===== Header ===== */

.header{
position:sticky;
top:0;
background:#fff;
z-index:100;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.header__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    /* height: 70px; */
    align-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
}
.header__nav{
display:none;
}

.nav{
display:flex;
gap:24px;
}

/* ===== SP menu ===== */

.menuBtn{
background:none;
border:none;
font-size:14px;
cursor:pointer;
}

/* ===== Footer ===== */

.footer{
margin-top:var(--space-xl);
background:var(--color-bg);
padding:var(--space-lg) 0;
}

.footer__inner{
display:grid;
gap:20px;
}

/* ===== Main ===== */

.main{
margin-top:20px;
}

/* ===== Responsive ===== */

@media(min-width:768px){

.header__nav{
display:block;
}

.menuBtn{
display:none;
}

.footer__inner{
grid-template-columns:1fr 1fr;
}

}