@charset "utf-8";
/* CSS Document */
	
	body {
		font-family:"Bebas Neue" ;
		font-size: 1.5em ;
		line-height: normal;
		color: #eab34f ;	
		margin: 0px ;
		padding: 0px ;
		text-align: center;
		overflow-x: hidden; 
		}
	
		a { text-decoration:none;
			color:white;
	}

h1 {
	font-size: 90px;
	color: #9d0900;
}

h2 {
	color: white ;
	font-family:"Bebas Neue" ;
	font-size: 25px;
}

.container {
  min-width: 100%;
}	

	#navi {
		list-style:none;
		text-align: right;
	}	
		
		#navi li{
		display: inline; 
	}
		
	#navi a:link, a:visited {
		color:#eab34f;
		font-size: 30px ;
		font-weight: 500 ;
	}
	
	#navi a:hover , a:active {
		color: #9d0900 ; 
	}
	
 	#navi1 {
		list-style:none;
		text-align: center ;
		position: relative ;
		top: 30px;
	}
	#navi1 li{
		display: inline-block; 
	}
		
	#navi1 a:link, a:visited {
		color:white;
		font-size: 30px ;
		font-weight: 500 ;
	}
	
	#navi1 a:hover , a:active {
		color: #9d0900 ; 
	}

	html {
  scroll-behavior: smooth;
	margin: 0px;
	padding: 0px;	
}
	
	button {
			right: 900px ;
		  	top: 200px;
			position: relative ;
			background-color: #9d0900 ;
			color: white ;
			font-family:"Bebas Neue" ;
			width: 410px ;
			height: 89px ;
			font-size: 40pt ;
			border-color: white
		}

button:hover {
	background-color: #7A0D06
}

* {
  box-sizing: border-box;
}
	
.header {
  background : url("top.jpg") no-repeat top ;
	background-size:100%;
  	padding: 50px  ; 
	margin-right: 0px;
  	text-align: center;
	min-height: 880px;
	max-width: 100%;
}

.head_text{
	width: 100%;
	margin:0;
}

.wrapper {
	display: flex;
}

.wrapper > div {
	flex: 1;
}

.box {
	width: 100px ;
	height: 20px;
	position: relative ;
	top: -60px ;
	padding: 0px;
}
.box1 {
	width: 450px;
	height: 10px;
	font-family: "Bahnschrift";
	font-size: 12pt;
	color: black ;
	margin: 0px 10px 30px;
}
.box2 {
	width: 400px;
	height: 10px;
	font-family: "Bahnschrift";
	font-size: 12pt;
	color: black ;
	margin: 0px 0px 30px;
}
.box3 {
	width: 450px;
	height: 10px;
	font-family: "Bahnschrift";
	font-size: 12pt;
	color: black ;
	margin: 0px 10px 30px ;
	align-content: right;
}

.box4{
	top: 190px;
	left: 120px;
	position: relative ;
	width: 340px;
	font-size: 23px;
	color: white ;
	text-align: center;
	font-family: "Bahnschrift Regular" ;
}
.bottom {
	background: url("middle.jpg") no-repeat top;
	background-size:100%;
  	padding: 50px  ; 
	margin-right: 0px;
  	text-align: right;
	min-height: 880px;
}

.bottom1 {
	background: url("bottom.jpg") no-repeat top;
	background-size:100%;
  	padding: 10px 50px ; 
	margin-right: 0px;
	min-height: 1100px;
	text-align: center;
}

.p{
	font-family:"Bahnschrift" ;
	padding: 30px;
}

img {
opacity: 1;
  display: inline-block;
  max-width: 100%;
  transition: .5s ease;
  backface-visibility: hidden;
align-content: center
}

.flip-box {
  background-color: transparent;
  width: 214px;
  height: 315px;
  perspective: 1000px; 
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: white;
  color: black;
}

.flip-box-back {
  background-color: #eab34f;
  font-color: #ffffff;
	font-family: "Bahnschrift" ;
	padding: 10px;
	font-size: 20px;
  transform: rotateY(180deg);
}

button_1 {
			margin: 200px  ;
			background-color: #eab34f ;
			color: white ;
			font-family:"Bebas Neue" ;
			width: 497px ;
			height: 89px ;
			font-size: 25pt ;
			padding: 10px 150px;
			border-color: white
		}

button_1:hover {
	background-color: #F1A824
}

.footer{
	align-content: right;
	 position:relative;
  	bottom: 105px;
  	left: 300px;
	}

.column {
  float: left;
  width: 33.3%;
  padding: 0px 70px;
 height: 300px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
  margin: 50px 0px ;
}