@charset "utf-8";

/* ===== PAGE LAYOUT ===== */

.pagelayout {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-col**: rgba(255, 255, 255, 0.70);

  background-image*: linear-gradient(rgba(0, 0, 0, 0.15),rgba(255, 255, 255,0.05),rgba(255, 255, 255,0.05),rgba(255, 255, 255,0.05),rgba(255, 255, 255,0.05),rgba(255, 255, 255,0.05),rgba(255, 255, 255,0.05), rgba(255, 255, 255,0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.15));
   
}
.pagelayout h1,
.pagelayout .h1 {
  color: inherit;
}
.pagelayout p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.pagelayout > hr {
  border-top-color: #d5d5d5;
}
.container .pagelayout,
.container-fluid .pagelayout {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.pagelayout .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pagelayout {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .pagelayout,
  .container-fluid .pagelayout {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pagelayout h1,
  .pagelayout .h1 {
    font-size: 63px;
  }
}

/* ===== DIV BACKGROUND ===== */


.display1 {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: rgba(0, 0, 0, 0.70);
  border*: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.display1 > img,
.display1 a > img {
  margin-right: auto;
  margin-left: auto;
}
a.display1:hover,
a.tdisplay1:focus,
a.display1.active {
  border-color: #337ab7;
}
.display1 .caption {
  padding: 9px;
  color: #333;
}

.display2 {
background-color:rgba(0, 0, 0, 0.80);
color:#ffffff;
border-style: solid;
border-color:#8400ff;
border-width: 0.5px;
box-shadow: 10px 10px 25px 10px rgba(193, 128, 255, 0.08);
}




/* NAVBAR ADDITIONS */

.link1 {
  color: white;

}

.link1:hover {
color:  #dcb8ff;
}

.Bigger {

   font-size: 20px;

}

.Biggerstill {

   font-size: 30px;

}


/* BACKGROUND VIDEO */

#Background-Video {
  
   z-index: -20;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}



/* BACKGROUND IMAGE */

body {
	background-image: url(../../../images/Background_Image.jpg);
        background-size: 100% 103%;
        background-attachment: fixed;
        
}

/* ===== HOME SECTION ===== */

#intro {
	background-color: ;
    background-image: url(../../../images/home-section/main_image.jpg);
    background-size: 100% 100%;
    min-height: 100%;
	
	
	
	
	
}



/* ===== FORTUNE TELLING EVENTS ===== */

#fortunetellingeventsection{
	padding-top:50px; border*: solid white 1px;
	}
	
/* ===== FORTUNE TELLING ===== */

#fortunetellingsection {
	padding-top:50px; 
}
	


#fortunetelling {
  background-color: ;
  background-image: url(../../../images/fortune-telling/Fortunetelling.events.png);
  background-size: 100% 100%;
min-height: 100%;

}
#fortunetelling1 {
  background-color: ;
  background-image: url(../../../images/fortune-telling/Backdrop.jpg);
  background-size: 100% 100%;
min-height: 100%;

}

@media only screen and (max-width: 999px) {
	#fortunetelling1 { background-color: ;
  background-image: url(../../../images/fortune-telling/Backdrop1.jpg);
  background-size: 100% 100%;
		
	}
	}
/* ===== FORTUNE TELLING ===== */

#aboutfortunetellingsection {
	padding-top:50px; 
}
	


#aboutfortunetelling1 {
  background-color: ;
  background-image: url(../../../images/about-fortune-telling/Wheel.jpg);
  background-size: 100% 100%;
min-height: 100%;

}

	
#aboutfortunetelling2 {
  background-color: ;
  background-image: url(../../../images/about-fortune-telling/Round.jpg);
  background-size: 100% 100%;
min-height: 100%;

}

#aboutfortunetelling3 {
  background-color: ;
  background-image: url(../../../images/about-fortune-telling/Hands.jpg);
  background-size: 100% 100%;
min-height: 100%;

}
@media only screen and (max-width: 600px) {
	#aboutfortunetelling3 { background-color: ;
  background-image: url(../../../images/about-fortune-telling/Hands1.jpg);
  background-size: 100% 100%;
		
	}
	}


/* ===== PARTIES AND EVENTS ===== */

#ourvenuessection {
	padding-top:100px;
	background-color: ;
    background-image: url(../../../images/our-latest-events/stars.jpg);
    background-size: 100% 100%;
}

@media only screen and (max-width: 600px) {
	#ourvenuessection { background-color: ;
  background-image: url(../../../images/our-latest-events/stars1.jpg);
  background-size: 100% 100%;
		
	}
	}

#partiesandevents {
  background-color: ;
  background-image: url(../../../images/our-venues/Fortunetelling.events.jpg);
  background-size: 100% 100%;
    
}

@media only screen and (max-width: 600px) {
	#latesteventssection{ background-color: ;
  background-image: url(../../../images/our-latest-events/stars2.jpg);
  background-size: 100% 100%;
		
	}
	}

/* ===== FORTUNE TELLERS ===== */

#fortunetellerssection {
	padding-top:50px;
}

#fortunetellers {
  background-color: ;
  background-image: url(../../../images/fortune-tellers/Fortune_Tellers.png);
  background-size: 100% 100%;
}
@media only screen and (max-width: 600px) {
	#fortunetellers{ background-color: ;
  background-image: url(../../../images/fortune-tellers/Fortune_Tellers_2.png);
  background-size: 100% 100%;
		
	}
	}

h1, h2 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

h3{
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 55px rgba(206, 153, 255, 0.03);
}
p{
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 55px rgba(206, 153, 255, 0.03);
}