@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');


* {
    box-sizing: border-box;
}

body {
    
    color: white;
    margin: 0;
    background-color: #ececec;
}

ul {
 margin: 10px;
 padding: 0;
 list-style: none;
 text-decoration: none;
   
}

.top-nav img {
  width: 150px;
 /* padding-bottom: 2%;*/
    }

.top-nav {
   font-family: 'Saira Extra Condensed' , sans-serif;
    line-height: 1.6; 
     font-weight: 500;
    width: 1920px;
    background-color: #3a5954; 
    margin: 0 auto;
    padding: .5em 0;
    font-size: 23px;
 justify-content: center;
}

.top-nav, .main-nav {
 display: flex;
 align-items: center;
}

.main-nav{
 width: 850px;
 justify-content: space-around;
}

header {
    background-image: url("../images/vendor.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1920px;
    height: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
   justify-content: Center;
 text-align: center;
    padding: 300px 640px;
     font-size: 50px;
    line-height: 87px;
    font-family: 'Saira Extra Condensed' , sans-serif;
    text-shadow: 5px 5px #E39346;
}

h1 {
 display:flex;
justify-content: center;
}

.sec-1, .sec-2 {
 width: 1920px;
 display: flex;
}

.pot {
 background-image: url("../images/pots.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}

.pot, .art, .food, .drink {
width: 50%;
height: 550px;
}

.art, .food {
background-color: #fbefe3;
text-align: left;
padding: 40px 0 0 50px;

}

.h2 {
font-family: 'Annie use your telescope';
font-size: 40px;
color: black;
}

.drink {
 background-image: url("../images/drink.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}

.list {
 background-color: #d8dedd;
 width: 100px;
}

ul {
 text-align: center;
 list-style: none;
}

.info {

 text-align: center;
 display: flex;
 justify-content: space-around;
}
.address {  
    
}

.foot {
color: black;

}

.location {

}
.footer {
 width: 1920px;
 background-color: #3a5954;

}

.footer li {
    list-style: none;
    font-weight: bold;
    text-decoration: none;
}

.footer a {
    color: black;
}

.copy {
    font-size: 10px;
    text-align: center;
}