/*
---------------------------------------------------------------
 Special fixed background images. The first class "top-panel"
 sets the smoky wisp background in the first content box in
 layout-01. The second class "banner-01" is for the large, 
 full-width image of the woman in the hat in layouts 01-03.
---------------------------------------------------------------
*/
.top-panel {
	background-image: url(../images/car.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
}

.banner-02 {
	background-image: url(../images/Sarah_and_Gary.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}
.banner-01 {
	background-image: url(../images/hhcol.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.pat-contrast
{

  background-color: rgba(21, 0, 0, 0.7);
  
  border-radius: 25px;

  
}

/*
---------------------------------------------------------------
White text for slide panel 
---------------------------------------------------------------
*/
.slide-panel-text-white
{
	color: #FFFFFF;

 
}
/*
---------------------------------------------------------------
Table alignment
---------------------------------------------------------------
*/
.room-size td
{
	text-align: center;

 /*
---------------------------------------------------------------
Change original layout 3 background image
---------------------------------------------------------------
*/
}
.zeit-3 .spirit {
	color: #FFF;
	background: linear-gradient(rgba(120,120,120,0.98), rgba(120,120,120,0.30)), url(../images/bride-background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.zeit-3 .banner-01 {
	background-image: url(../images/bride-groom-car-bw.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

/* The following styles are for the font awesome and css3 social media buttons */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
	opacity: 0.7;
	text-align: left;
}

.fa-instagram {
	  color: white;
	
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}