@charset "UTF-8";
/* CSS Document */

/*hero*/
body, html {
    height: 100%;
}

/* The hero image */
.hero-image {
  background-image: url("content-01.jpg");
  height: 100%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:black;

}

/*navbar*/
.navbar a {
	font-family:'Playfair Display Medium';
	color: black;
	display: inline;
	
}
.navbar-nav > li{
  padding-left:20px;
  padding-right:20px;
}

/*about*/
.about {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.container-md {
  position: relative;
  text-align:center;
	color: black;
}

.text-right {
	position: absolute;
  top: 200px;
  right: 65px;
	width: 33%;
	font-family: "Open Sans Condensed Light"; 
	font-size: 25px;
}

/* Style the button and place it in the middle of the container/image */
.container-md .btn {
  position: absolute;
  top: 80%;
  left: 78%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color:rgba(195,99,80,1.00);
  color: white;
  font-size: 20px;
  font-family: 'Open Sans Condensed Light';
  padding: 10px 24px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.container-md .btn:hover {
  background-color:brown;
}

/*memo*/

h1 {
	font-family:"Playfair Display SemiBold"; 
	text-align: center;
	
}
.memories {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 24%;
}

.container-lg{
	position: relative;
	padding: 50px;
	align-content: center;
}
.container-lg .btn {  
  background-color:rgba(195,99,80,1.00);
  color: white;
  font-family: 'Open Sans Condensed Light';
	font-size: 20px;
	padding: 10px 30px;
	 position: absolute;
border: none;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
	margin-top: 50px;
	
	
	
}

.container-lg .btn:hover {  background-color:brown; 
}
/*work*/
.container-xl {
  position: relative;
  text-align: center;
  color: black;
  padding: 80px;
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Open Sans Condensed Light';
  font-size: 30px;
}
.container-xl .btn-outline-primary {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color:transparent;;
  color: black;
  font-size: 20px;
  padding: 12px 35px;
  border: solid;
	outline-color: black;
  cursor: pointer;
  border-radius: 5px;
  font-family: 'Open Sans Condensed Light';
}

.container-xl .btn-outline-primary:hover {
  background-color:tan;
}

/*contact*/

.container {
	padding: 50px;
}

.container .btn-lg {  background-color:rgba(195,99,80,1.00);
  color: white;
  font-family: 'Open Sans Condensed Light';
	font-size: 20px;
 position: absolute;
border: none;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 10px 30px;
	
}

.container .btn-lg:hover { background-color:brown;
	text-decoration: none;
	
}
.contact {
	padding-bottom: 80px;
}
/*footer*/

.footer{
	justify-content: center;
	font-family: "Open Sans Condensed Light";
	margin-top: 120px;
	text-align: center;
}