body {
font-family: 'Yrsa', serif;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
    height: 100% !important; 
}

.image {
    width:100%;
    height: 100vh; 
    background-image: url('img/intro.jpg');
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image div {
text-align: center;
}
.image div h1 {
color: #242a23;
background: rgba(241,239,233,0.7);
padding: 5px 10px;
margin-top: 30px;
border-radius: 2px;
font-family: 'Marck Script', cursive;
}
.image div h1 span {
color: #fffe03;
font-weight: bold;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
          

.fixed-top {
transition: all 0.5s ease;
}
.fixed-top:hover {
background: #242a23;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.container h3 {
background: rgba(36,42,35,0.7);
padding: 5px 10px;
border-radius: 2px;
display: inline-block;
color: #f1efe9;
}
.parallax-window h3 {
background: rgba(241,239,233,0.7);
padding: 5px 10px;
color: #242a23;
border-radius: 2px;
}
.arrow-down {
width: 100px;
height: 71px;
background-image: url('img/arrow-down.png');
}

footer  {
    background: #242a23;
    color: #f1efe9;
    text-align: center;
    padding: 5px;
}

 #loader{
 z-index:999999;
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: rgba(255,255,255,0.7) url("img/loading.gif") 50% 50% no-repeat ;
}                      

.scrollToTop{
	width:66px; 
	height:66px;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	background: url("img/arrow-top.png") no-repeat left top;
  opacity: 0.9;
  transition: 0.3s ease;
}
.scrollToTop:hover{
	text-decoration:none;
  opacity: 1;
}  



/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}