/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* end of reset css*/
#container {
  background: #eecaa4;
  width: 100%;
  margin: auto;
  max-width: 1200px;
  height: 180vw;
}

#logo {
  width: 20%;
  margin: auto;
  background-color: #eecaa4;
  height: 4vw;
  z-index: 1;
  padding-bottom: 11%;
}

nav {
  position: fixed;
  z-index: 10;
  /* if you used fixed you have to tell a width*/
  width: 100%;
  /*position with top*/
  top: 60px;
  background: #6f3b1f;
  padding: 2% 0 2% 0;
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: white;
  font-family: 'Nunito Sans', sans-serif;
}

#menutext {
  width: 10%;
  margin: auto;
}

#shelves {
  padding-top: 4%;
  margin: auto;
  width: 50%;
}

#cinnamon-roll {
  position: absolute;
  top: 29vw;
  left: 30vw;
}

#cinnamon-roll img {
  width: 60%;
}

#fruit-tart {
  position: absolute;
  top: 29vw;
  left: 42vw;
}

#fruit-tart img {
  width: 30%;
}

#chocolate-cake2 {
  position: absolute;
  top: 29vw;
  left: 55vw;
}

#chocolate-cake2 img {
  width: 95%;
}

#donut {
  position: absolute;
  top: 48vw;
  left: 30vw;
}

#donut img {
  width: 95%;
}

#cake {
  position: absolute;
  top: 48vw;
  left: 55vw;
}

#cake img {
  width: 95%;
}

h2 {
  font-size: 3vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
}

#drinkstext {
  padding-top: 6%;
  width: 10%;
  margin: auto;
  font-family: 'Nunito Sans', sans-serif;
}

h3 {
  font-size: 3vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: center;
  z-index: 5;
}

#table-top {
  position: absolute;
  top: 72vw;
  z-index: 1;
  background-image: url("images/pink tabletop.png");
  height: 332px;
  width: 89.08%;
  padding-bottom: 53px;
  background-repeat: repeat-x;
  background-position: left -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#table-top img {
  width: 100px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

#abouttext {
  position: absolute;
  top: 104vw;
  left: 20vw;
  width: 60%;
  font-family: 'Nunito Sans', sans-serif;
}

h4 {
  font-size: 3vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: center;
  z-index: 3;
}

p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 2vw;
  color: #6f3b1f;
}

#locations h5 {
  position: absolute;
  top: 133vw;
  left: 42vw;
  font-size: 3vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: center;
}

#infolocations h6 {
  position: absolute;
  top: 135vw;
  right: 48vw;
  width: 35%;
  color: #6f3b1f;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.5vw;
}

#infolocations img {
  position: absolute;
  top: 137vw;
  right: 56vw;
  width: 35%;
}

#infolocations1 h6 {
  position: absolute;
  top: 141vw;
  right: 21vw;
  width: 35%;
  color: #6f3b1f;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.5vw;
}

#infolocations1 img {
  position: absolute;
  top: 142vw;
  right: 27vw;
  width: 35%;
}

#infolocations2 h6 {
  position: absolute;
  top: 135vw;
  left: 73vw;
  width: 35%;
  color: #6f3b1f;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.5vw;
}

#infolocations2 img {
  position: absolute;
  top: 137vw;
  left: 66vw;
  width: 35%;
}

#contact h5 {
  position: absolute;
  top: 151vw;
  left: 43vw;
  font-size: 3vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: center;
}

#contact-info h1 {
  position: absolute;
  top: 155vw;
  left: 38vw;
  font-size: 1.8vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: 900;
}

#contact-info h3 {
  position: absolute;
  top: 159vw;
  left: 45vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#contact-info p {
  position: absolute;
  top: 161vw;
  left: 45vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#contact-info1 h3 {
  position: absolute;
  top: 165vw;
  left: 43vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#contact-info1 p {
  position: absolute;
  top: 167vw;
  left: 45vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#contact-info2 h3 {
  position: absolute;
  top: 171vw;
  left: 44vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#contact-info2 p {
  position: absolute;
  top: 173vw;
  left: 45vw;
  font-size: 1.5vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

/* end of website*/
/* start of menu*/
#donuts h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#donuts h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#donuts h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

#assorted-pastries h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#assorted-pastries h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#assorted-pastries h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

#cake-slices h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#cake-slices h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#cake-slices h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

#fruit-tarts h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#fruit-tarts h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#fruit-tarts h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

/* end of food menu*/
/* start of drink menu*/
#coffee h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#coffee h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#coffee h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

#juice h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#juice h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#juice h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}

#milk-products h1 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #6f3b1f;
  text-align: center;
  font-weight: bold;
}

#milk-products h2 {
  font-size: 1.7vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: left;
  font-weight: bold;
  padding: 6px;
}

#milk-products h3 {
  font-size: 2vw;
  font-family: 'Nunito Sans', sans-serif;
  color: #c26742;
  text-align: right;
  font-weight: bold;
}
/*# sourceMappingURL=style.css.map */