@font-face {font-family: 'ArquitectaMedium'; src: url('../fonts/ArquitectaMedium.otf'), url('../fonts/ArquitectaMedium.woff2') format('woff2'), url('../fonts/ArquitectaMedium.woff') format('woff'), url('../fonts/ArquitectaMedium.ttf') format('ttf'), url('../fonts/ArquitectaMedium.svg') format('svg');} 
@font-face {font-family: 'ArquitectaBold'; src: url('../fonts/ArquitectaBold.otf'), url('../fonts/ArquitectaBold.woff') format('woff'), url('../fonts/ArquitectaBold.woff2') format('woff2'), url('../fonts/ArquitectaBold.ttf') format('ttf'), url('../fonts/ArquitectaBold.svg') format('svg');} 
@font-face {font-family: 'BickhamScriptPro-Regular'; src: url('../fonts/BickhamScriptPro-Regular.otf'), url('../fonts/BickhamScriptPro-Regular.woff') format('woff'), url('../fonts/BickhamScriptPro-Regular.woff2') format('woff2'), url('../fonts/BickhamScriptPro-Regular.ttf') format('ttf'), url('../fonts/BickhamScriptPro-Regular.svg') format('svg');} 

body {
font-family: "ArquitectaMedium",Helvetica,Arial,sans-serif;
font-size: 20px;
line-height: 1.42857143;
}

.row {
margin-right: 0px;
margin-left: 0px;
}

h1 {
  font-family: "BickhamScriptPro-Regular","ArquitectaMedium",Helvetica,Arial,sans-serif;
  font-size: 90px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1;
  color: #5f2f47;
}

.lead {
  font-size: 20px;
}

/* NAVBAR */

.navbar-default {

  background-color: rgba(255, 255, 255, 0.8);

  border-color: #e7e7e7;

  color: #223152;

}

.navbar-brand {
font-size: 25px;
}


.navbar-default .navbar-brand {

  color: #5f2f47;

}



.navbar-default .navbar-nav>li>a {

  color: #5f2f47;

}



.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #223152;

  background-color: transparent;

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

  color: #223152;

  background-color: rgba(95, 47, 71, 0.2);

}



.col-lg-4 {

	margin-bottom: 15px;

}



/* INTRO SECTION */



.intro-bgimg {

  position: fixed;

  left: 0; 

  bottom: 120px;

  min-width: 100%; 

  min-height: 100%;

  width: auto; 

  height: auto; 

  z-index: -100;

  background: url(../images/benjen-wine-logo-r.jpg) no-repeat;

  background-size: cover;

  background-position: 100% 70%;

}



@media (max-width: 767px) {

  .intro-bgimg {

    position: fixed;

    bottom: 0;

    background-size: 150%;

    background-position: 100% top;

  }

}



.intro-spacer {

  /*position: absolute;*/

  left: 0; 

  bottom: 0;

  min-width: 100%; 

  min-height: 100%;

  width: 100%; 

  height: 100%; 

  z-index: -99;

}

/* INTRO HOME-NAV CONTAINER */
@media (min-width: 1200px)
.home-nav-container {
  width: 100%;
}
@media (min-width: 992px)
.home-nav-container {
  width: 100%;
}
@media (min-width: 768px)
.home-nav-container {
  width: 100%;
}
.home-nav-container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
}


#homenav h2 {
  font-size: 20px;
}
@media (max-width: 768px) {
#homenav h2 {
  font-size: 15px;
}
}

@media (min-width: 768px) {
.home-nav-container {
  height: 150px;
}
#hnav {
    visibility: hidden;
}
}

#partyname {
  margin-bottom:20px;
}
#partyname h2 {
  font-size: 30px;
  margin-bottom: 0px;
}

#partytitle {
  padding-bottom:40px;
}
/* @media (max-width: 768px) {
#partyname h2 {
  font-size: 15px;
}
}
*/


a {

  color: #5f2f47;

  text-decoration: none;

}



a:hover,

a:focus {

  color: #223152;

  text-decoration: underline;

}
  

 .logo {

	  height: 75%;

	  width: 75%;

	  }	

	   

@media (min-width: 768px) {  

  .logo {

	  height: 50%;

	  width: 50%;

  }

}





<!-- Desktop display -->

@media (min-width: 768px) {

  h1 {

    /*font-family: "voluta-script-pro",sans-serif;*/

    font-size: 70px;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

    color:#fff;

  }

  

  .intro-copy {

	font-size: 21px;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

    color:#fff;

  }

}



.intro-copy {

  text-shadow: 0 1px 2px rgba(0,0,0,.6);

  color:#fff;

}

  

#intro-btn {

	margin-top: 30px;

}



.topbox {
  margin-top: 150px;
}
/*@media (max-width: 320px) {
.topbox {
  margin-top: 350px;
}
}*/


.bgfade {

background-color: rgba(255, 255, 255, 0.8); padding: 15px; padding-bottom: 15px;

}

.bgborder {
  background-color: rgba(255, 255, 255, .5);
  padding: 5px;
  padding-bottom: 5px;
  border: solid #e7e7e7 1px;
}

.bgborder2 {
  background-color: rgba(255, 255, 255, .8);
  padding: 20px;
  padding-bottom: 30px;
  border: solid #e7e7e7 1px;
}

.footer-btn {

	margin: 8px 15px;

}



#img-location {

	margin-bottom:15px;

}



#copyright {

	width:100%; 

	font-family:Verdana, Geneva, sans-serif; 

	color:#cccccc; 

	font-size:11px; 

	text-align:center; 

	padding-bottom:15px; 

	padding-top:10px; 

	background:#fff;

}



.back-to-top {

background: none;

margin: 15px 15px;

position: fixed;

bottom: 0;

right: 0;

width: 42px;

height: 42px;

z-index: 100;

display: none;

text-decoration: none;

color: #ffffff;

}



#backtotop-arrow {

	margin-left:5px; 

	margin-top:13px

}



/*

#banner {

	float: left;

	margin-bottom: 15px;

	width: 100%;

	}



	#banner img {

		width: 100%;

		}

		

video#bgvid {

  position: fixed; 

  left: 0; 

  bottom: 0;

  min-width: 100%; 

  min-height: 100%;

  width: auto; 

  height: auto; 

  z-index: -100;

  background: url(../images/bg-kissl-vimeo-20.png) no-repeat;

  background-size: cover;

}

*/