/* import */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
/* start css style ver. 1.0 */
a{text-decoration: none;color:darkgoldenrod;font-family:'Fjalla One',sans-serif;}
a:hover{color:#444;transition: 0.8s}
b{font-family:'Fjalla One',sans-serif;}
body{margin: 0; background-image:url(img/backgroundgold.jpg);background-color: #cccccc;}
#header{text-align:center;padding:5px;width:100%;height:90px;background:#000;font-weight:200;position: fixed; z-index: 50;}
.logo{margin-top:-10px;font-family:'Fjalla One',sans-serif;font-size:18px;color:#ffffff;font-weight:100;}
.grape{width: 65px;margin-top: -8px;margin-left: -10px;}
.grapediv{ margin-left: auto;
  margin-right: auto;
  width: 100%;}
.slogan{margin-top:-30px;font-family:'Libre Baskerville',serif;font-size:8px;color:#ffffff}
.spacer{display:block;width:100%;height:100px;background:#999;clear:inherit;}
#wrapper{ padding-top:200px;margin: auto;height:900px; padding: 30px;background:#E4E3E3;text-align: center;}
#content{ padding-top:200px;margin: auto;width:80%;height:auto; padding: 30px;background:#E4E3E3}
#footer{width:100%;height:80px;background:#000;}
.copyright{color:#fff;font-size:12px;float:right;margin-right:10px;margin-top:50px;}
.heading2{font-family:'Fjalla One',sans-serif;color:#444;text-align:center;}
.heading3{font-family:'Libre Baskerville',serif;margin-top: -10px;color:#444;text-align:center;}
.maingold{float:left;width:100%; height:auto;margin-bottom:25px;}
.bhgline{float:inline; width:16.6%;height:auto;margin-left: -4px;}
p{text-indent: 10px;font-size: 18px;padding-left: 5px;padding-right:45px;}
nav{font-size:22px;text-align:center; padding: 20px;}
nav{font-size:28px;text-align:center; padding: 20px;}
/* loader */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* number 2 */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/* @media */
@media screen and (min-width: 1200px) { #wrapper{width:50%;}#content{width:45%;padding-right:20px;}p{padding-right:20px;}}
@media screen and (max-width: 900px) { #wrapper{width:100%;padding: 0px;}#content{width:100%;padding:0px;padding-top: 20px;}.heading2{font-size: 19px;}.heading3{font-size:15px;text-align: center;}p{text-align:center;text-indent: 10px;font-size: 18px;padding-left: 20px;padding-right:20px;}.copyright{text-align:center;float:none;margin-top: 0;padding-top:50px;}}