.body {
  background-color: #ecefd9;
}

.header {
  padding-top: 15px;
}


@font-face {
    font-family: 'HOO Font';
    src: url('brewery.ttf');
}

.bodycontainer {
  min-height: 350px;
  padding-top: 0px;
  padding-bottom: 30px;
}

.footercontainer {
  min-height: auto;
  margin-bottom: 20px;
  padding-top: 25px;
  border-top: 1px solid #666;
}

.headercol1 {
  padding-right: 0px;
  padding-left: 0px;
}

.headercol3 {
  padding-right: 0px;
  padding-left: 0px;
}

.homelink {
  display: block;
  width: 90%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 15px;
}

.hooimg {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.mainmenu {
  width: 97%;
  margin-top: 45px;
  float: right;
}

.menuitem, .menuitem_active {
  float: left;
}

.menuitem.w--current, .menuitem_active {
  color: black;
  font-weight: 700;
  text-decoration: none;
}

.menulink {
  padding-top: 2px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  font-family: Inconsolata, monospace;
  color: #333;
  font-size: 14px;
}

.menulink:hover {
  color: #2c2c2c;
  font-weight: 700;
}

.splitter {
  width: 1px;
  height: 22px;
  float: left;
  background-color: black;
}

.navbar {
  display: none;
}

.footermenu {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.socialbar {
  float: right;
}

.socialicon {
  width: 30px;
  float: left;
}

.celebrateunique {
  display: block;
  width: 50%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}

.introp {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 14px;
  float: left;
  font-family: Inconsolata, monospace;
  color: #333;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.giftbox {
  width: 100%;
  float: left;
}

.giftimg {
  display: block;
  width: 12%;
  margin-right: auto;
  margin-left: auto;
}

.lines {
  position: absolute;
  top: 125px;
  width: 100%;
  height: 1px;
  float: none;
  background-color: #666;
}

.hoorow {
  margin-top: 30px;
  margin-bottom: 15px;
}

.listheading {
  width: 100%;
  margin-top: 0px;
  padding-left: 25px;
  float: left;
  font-family: 'HOO Font', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.heartlist {
  width: 100%;
  float: left;
}

.listtext {
  padding-left: 10px;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 300;
}

.listimg {
  width: 50%;
  float: right;
}

.listitem {
  padding-bottom: 5px;
}

.lheart {
  width: 15%;
  float: left;
}

.cheart {
  width: 70%;
  float: left;
}

.heartimg {
  width: 25%;
  float: right;
}

.heartimgr {
  width: 25%;
  float: left;
}

.heartp {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-family: 'HOO Font', sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.bottomheart {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 20px;
  float: left;
}

.giftdiv {
  width: 15%;
  float: left;
}

.bringdiv {
  width: 68%;
  float: left;
}

.giftimgs {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.bringingh {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.brigningp {
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  font-family: 'HOO Font', sans-serif;
  color: #333;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  text-align: center;
}

.galleryrow {
  margin-top: 20px;
}

.thumb {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbimg {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  border: 1px none #333;
  border-radius: 3px;
  box-shadow: #333 1px 1px 1px 0px;
}

.thumbimg:hover {
  box-shadow: #333 1px 1px 1px 0px;
}

.contactrow {
  margin-top: 15px;
}

.contactcol1 {
  padding-left: 10px;
}

.contactcol2 {
  min-height: 300px;
  padding-left: 20px;
  border-left: 2px solid black;
}

.contactp {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 25px;
  float: left;
  font-family: Inconsolata, monospace;
  color: #333;
  line-height: 25px;
  font-weight: 700;
}

.contactlink {
  width: 100%;
  padding-left: 25px;
  float: left;
  font-family: Inconsolata, monospace;
  color: #333;
  line-height: 25px;
  font-weight: 700;
  text-decoration: none;
}

.contactimg {
  width: 100%;
  float: left;
}

.contactlabel {
  width: 100%;
  float: left;
  font-family: Inconsolata, monospace;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
}

.inputfield {
  width: 100%;
  float: left;
  font-family: Inconsolata, monospace;
  font-size: 15px;
}

.submitbtn {
  border-radius: 2px;
  background-color: #1f1f1f;
  font-family: Inconsolata, monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

.submitbtn:hover {
  background-color: #666;
  color: white;
}

.formleft {
  width: 60%;
  float: left;
}

.formright {
  width: 40%;
  float: left;
}

.formblock {
  width: 100%;
  float: left;
}

.chatimg {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  float: none;
}

.message {
  width: 80%;
  height: auto;
  min-height: 100px;
  float: left;
  font-family: Inconsolata, monospace;
  font-size: 15px;
}

.mesagediv {
  width: 100%;
  float: left;
}

.thankyou {
  padding-right: 15px;
  font-family: 'HOO Font', sans-serif;
  font-size: 0px;
  line-height: 22px;
}

.boldedbig {
  font-size: 30px;
  font-weight: 400;
}

.plain {
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 991px) {
  .hooimg {
    width: 95%;
  }
  .mainmenu {
    width: 101%;
    margin-top: 70px;
  }
  .menulink {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 13px;
  }
  .footermenu {
    width: 57%;
  }
  .introp {
    font-size: 16px;
  }
  .giftimg {
    width: 15%;
  }
  .listheading {
    font-size: 18px;
    line-height: 30px;
  }
  .heartp {
    font-size: 14px;
    line-height: 30px;
  }
  .brigningp {
    font-size: 16px;
    line-height: 30px;
  }
  .contactcol1 {
    padding-right: 10px;
    padding-left: 0px;
  }
  .formleft {
    width: 70%;
  }
  .formright {
    width: 30%;
  }
  .chatimg {
    width: 100%;
    padding-left: 10px;
    float: right;
  }
}

@media (max-width: 767px) {
  .header {
    padding-top: 0px;
  }
  .headercontainer {
    padding-top: 70px;
  }
  .homelink {
    width: 45%;
    margin-top: 0px;
    padding-bottom: 5px;
  }
  .hooimg {
    width: 50%;
    padding-top: 10px;
  }
  .mainmenu {
    display: none;
    margin-top: 0px;
  }
  .menulink {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
  }
  .navbar {
    position: fixed;
    display: block;
    width: 100%;
    background-color: #464646;
    box-shadow: black 0px 0px 4px 0px inset;
  }
  .navmenu {
    background-color: rgba(209, 209, 209, 0.8);
  }
  .navbutton {
    color: white;
  }
  .navbutton.w--open {
    background-color: #acacac;
  }
  .navitem {
    width: 100%;
    float: left;
    font-family: Inconsolata, monospace;
    color: black;
    font-size: 16px;
    font-weight: 400;
  }
  .navitem.w--current {
    background-color: #acacac;
    color: white;
    font-size: 18px;
    font-weight: 400;
  }
  .footermenu {
    width: 48%;
  }
  .socialbar {
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    float: left;
  }
  .socialicon {
    width: 35px;
  }
  .celebrateunique {
    width: 75%;
  }
  .giftbox {
    margin-top: -5px;
  }
  .giftimg {
    width: 20%;
  }
  .lines {
    display: none;
  }
  .listheading {
    padding-left: 10px;
    font-family: 'HOO Font', sans-serif;
    color: #333;
    font-size: 20px;
    font-weight: 800;
  }
  .heartlist {
    padding-bottom: 20px;
  }
  .listtext {
    padding-left: 20px;
    font-size: 14px;
  }
  .listimg {
    display: none;
  }
  .heartimg {
    width: 35%;
  }
  .heartimgr {
    width: 35%;
  }
  .heartp {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 16px;
    line-height: 26px;
  }
  .giftimgs {
    margin-top: 20px;
  }
  .bringingh {
    width: 100%;
  }
  .brigningp {
    font-size: 18px;
  }
  .galleryrow {
    margin-top: 0px;
  }
  .thumb {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .contactcol2 {
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 10px;
    border-top: 2px solid black;
    border-left: 1px none black;
  }
  .contactcol3 {
    display: none;
  }
  .contactp {
    padding-left: 10px;
  }
  .contactlink {
    padding-left: 10px;
  }
  .chatimg {
    width: 60%;
    float: none;
  }
}

@media (max-width: 479px) {
  .homelink {
    width: 70%;
  }
  .hooimg {
    width: 70%;
  }
  .footermenu {
    width: 85%;
  }
  .giftimg {
    width: 30%;
  }
  .listheading {
    font-size: 17px;
  }
  .heartimg {
    width: 50%;
  }
  .heartimgr {
    width: 50%;
  }
  .giftdiv {
    display: none;
  }
  .bringdiv {
    width: 100%;
  }
  .brigningp {
    font-size: 15px;
  }
  .thumb {
    width: 80%;
  }
  .chatimg {
    width: 100%;
  }
}

@font-face {
  font-family: 'HOO Font';
  src: url('../images/') format('truetype');
  font-weight: 400;
  font-style: normal;
}