*{
    text-decoration: none;
}
body{
        background-color:#6d2032;
}
.navbar{
    background-color:#6d2032;
    margin: 0 0 0 0;
    width:98%;
    height:150px;
    padding-left:15px;
    padding-right:15px;
}

.navdiv{
    display:flex;
    align-items: center;
    justify-content:space-between;

}

.logo img{
    width:500px;
    height:125px;
    padding:15px 15px 15px 15px;
}

li{
    list-style:none;
    display:inline-block;
    color:#edf2f4;
    font-size:24pt;
    margin-right:25px;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

li a{
    color:#edf2f4;
    font-size:24pt;
    margin-right:25px;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.mainimage{
    position:relative;
}

.mainimage img{
 max-width: 100%;
 height:auto;
}

.bannertext{
    position:absolute;
    top:50%;
    color:#edf2f4;
    padding:50px;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:24pt;
}

#bannerbutton{
    width:525px;
    height:200px;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color:#edf2f4;
    border:none;
    font-size:48pt;
    color:#161e13;
}

#bannerbutton:hover{
    background-color:#161e13;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    border:none;
    font-size:48pt;
    color:#edf2f4;
}

.carousel{
    width:100%;
    display:flex;
    overflow-x:auto;
    background-color:#6d2032;
}

.carousel::-webkit-scrollbar{
    display:none;}

.cgroup{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1em;
    animation:spin 5s infinite linear;
    padding-right:1em;
}
.card{
    flex:0 0 5em;
}

@keyframes spin{
    from {translate:0;}
    to {translate:-100%;}
}

.secondbanner{
    background-color:#edf2f4;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:1em;
    padding:10px 10px 10px 10px;
    width:99%;
    margin-top:10px;
    margin-bottom:10px;
}

.promo{
    width:100%;
    height:auto;
    color:#161e13;
    align-content: center;
}

.chesapeake{
    width:100%;
    height:auto;
}

.chesapeake img{
    width:100%;
    height:auto;
}

.seasaltv{
    width:100%;
    height:auto;
}

.seasaltv img{
    width:100%;
    height:auto;
}

.nacho{
    width:100%;
    height:auto;
}

.nacho img{
    width:100%;
    height:auto;
}

h2{
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:48pt;
    margin:0;
}
p{
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:18pt;
    margin-left:0;
}

.secondbutton{
    background-color:#6d2032;
    color:#edf2f4;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    width:50%;
    height:50px;
    padding:10px;
    margin-top:25px;
}
.secondbutton:hover{
    background-color:#b86697;
    color:#161e13;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
}

h3{
    text-align: center;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:24pt;
}

h4{
    text-align:center;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:12pt;
}

.ingredients{
    background-color: #b86697;
    display:grid;
    grid-template-rows: 100px 350px 100px;
    gap:1em;
    padding:10px 10px 10px 10px;
    width:99%;
    margin-top:10px;
    margin-bottom:10px;
    height:auto;
    align-items: center;
    text-align: center;
}

.header{
    width:100%;
    height:auto;
    margin:0;
}

.ingimgage{
    align-self: center;
}

.ingimage img{
    width:25%;
    height:auto;
    display:inline;
}

h5{
    text-align:center;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:18pt;
    color:#edf2f4;
}

h6{
    text-align:center;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:72pt;
    color:#edf2f4;
}

.aboutus{
    position:relative;
    text-align:center;
    background-color: #caa25b;
    padding:15px;
}

.aboutus img{
    width:100%;
    height:auto;
}

.aboutustext{
    position:absolute;
    top:5%;
    color:#161e13;
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:120pt;
    left:30%;
}

h7{
    text-align:center;
}

h8{
    text-align:center;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:18pt;
    color:#edf2f4;
}

.footer{
    background-color:#6d2032;
    text-align: center;
}

.footernav{
    width:100%;
    padding: 70px 30px 20px;
    margin:30px 0;
}

.footernav li ul a{
    color:#edf2f4;
}

.socials img{
    background-color: transparent;
    width:50%;
    height:50%;
}

.socials button{
    background-color:transparent;
    border: none;
    padding:10px;
    display:inline-block;
    gap:1em;
    justify-content: center;
    align-items: center;  
}

h9{
    color:#edf2f4;
    font-family: "berthold-baskerville-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:18pt;
}

.designer{
    font-family: "social-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:12pt;
    letter-spacing:1px;
    opacity:0.7;
}