*{margin:0; padding:0;}
html {font-size: 20px; font-family: inherit; }
body{font-size : 1rem; zoom: 1;}
a{text-decoration: none; color:black; font-size: 0.7rem;}
.main-menu a:hover{color: red;}
ul{list-style: none;}

/* 상단 섹션 */

header{
    display: flex;
    position: fixed;
    justify-content: space-around;
    background: linear-gradient(0deg, rgba(255,255,255,0) 10%, rgba(66,66,66,.5) 90%);
    top:0px;
    left:0px;
    width:100%;
    padding: 15px 0;
    height: 10vh;
    z-index: 303;
    transition: 0.3s;
}

/* 스크롤 반응 헤드바 */

header.sticky{
    position:fixed;
    background:rgba(255, 255, 255, 0.9) ;
    padding: 0;
}

header.sticky a{
    color: #000;
}

header.sticky .main-navigation a:hover{
    color : red;
}

header.sticky .reservation a{
    border: 2px solid #000;
    border-radius: 2px;
}

header.sticky .reservation a:hover{
    color : white;
}

.mobile-header{
    display: none;
}



/* ㅁ */

.logo{
    height:auto;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.logo a{
    font-family: 'Fira Sans', sans-serif;
    color: #fff;
}

.logo a h2{
    font-size: 1.2rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.logo a p{
    font-size: 0.8rem;
    font-family: 'Fira Sans', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.main-menu{
    width:40%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: space-around;
}

.main-menu a{
    font-size: 1rem;
    font-family: 'Fira Sans', sans-serif;
    color: white;
}


.reservation{
    width:15%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif;
}

.reservation a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7rem;
    padding:3px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
}

.reservation a:hover{
    background-color: #614f4f;
}
/* 전체 섹션 */
.container{
    width: 100%;
    position: relative;
}


/* 하단섹션 */

footer{
    text-align: center;
    width: 100%;
    height: 10vh auto;
    padding: 2% 0;
    color: #fff;
    background-color: #333333;
}
footer h3{
    font-size: 1rem;
    margin-bottom: 5px;
}

footer h4{
    font-size: 0.9rem;
    margin-bottom: 5px;
}

footer p{
    font-size: 0.8rem;
}