@font-face {
  font-family: Cambria;
  src: url(/fonts/Cambria-Font-For-Linux.ttf);
}

body{
	font-family: Cambria;
	color: #b2ac60;
	text-align:center;
	font-size: 22px;
	text-transform: uppercase;
	background-color: #003924;

/*	background-attachment: fixed; */
  background-size: 100% 100%;
}

.main-bg{
	width: 1104px;
	height: 750px;
	display:block;
		background-image:	url(/images/background.png);
	background-repeat: no-repeat;
	background-position: center;
	margin:50px auto;
}
.mobile-bg{
	/*border: 4px solid #e2ce5a;*/
	background-image:	url(/images/mobile-bg5.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	font-size:/*35px;*/ 16px;
	display: block;
	width: 100%;
	height:100%;
	height: calc(100vw * 1.55); 
	margin-top:30px;
}
.lines {
	background-repeat: no-repeat;
	position:absolute;
	height: 10%;
	width: 100%;
	background-size: contain;
	position: fixed;
}
.lines-top{
	background-image:	url(/images/lines-top.png);
	
	top:0;
	left:0;
	/*width: 35%;
	height: calc(100vw * 0.35/1.6);
	background-size: cover;*/
	background-position: top left;
	
	
}
.lines-bottom{
	background-image:	url(/images/lines-bottom.png);	
	bottom:0;
	right:0;
	/*width: 35%;
	height: calc(100vw * 0.35/1.6);
	background-size: cover;*/
	height: 15%;
	background-position: bottom right;
		
}
.mobile{
	width:100%;
	height:100%;
	position:relative;
	display:block;
}
.mobile-bg span{
	width:auto;
	border-bottom: 1px solid #e2ce5a;
}
.mobile-bg img{
}
.w-50{
	width:48%!important;
}
.w-25{
	width:24%!important;
}
a {
	text-decoration:none;
	color: #b2ac60;
}
a:hover {
	color: white;
}

.animated img {
	transition: transform .2s; /* Animation */
	margin-bottom:10px;
}
.animated:hover img{
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.hover-underline-animation {
  position: relative;
}
.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #e2ce5a;
  transition: transform 0.25s ease-out;
}

.animated:hover .hover-underline-animation::after {
  transform: scaleX(1);
}

.hover-underline-animation.left ::after {
  transform-origin: bottom right;
}

.animated:hover .hover-underline-animation.left::after {
  transform-origin: bottom left;
}

.animated-mobile img{
	animation: myAnim 5s ease 0s infinite normal forwards;
}


@keyframes myAnim {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

 .zoomIn img{
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 
	
	.anim-2 img{
	animation-delay: 1s;
}

.anim-3 img{
	animation-delay: 2s;
}