.studio {
	
}
body {
  min-height: 300%;
  width: 100%;
  margin: 0;
  padding: 0; 
  font-family: 'Josefin Sans', sans-serif;
  position: relative;
  z-index: 0;
  background-color: #631212 !important;  
} 
a{ 
	color: #166799 !important;    
}  
p { 
	color: #631212 !important;    
}  
.page_text { 
	color: white !important;
} 
.material-icons{ 
	color: #166799 !important;   
}  
.nav-link {
    text-transform: uppercase;
    color: #fff !important;
    font-family: 'Poppins', sans-serif!important;
    font-size: 13px; 
	font-weight: 600 !important;
}  
p{
	font-family: 'Josefin Sans', sans-serif;
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    color: #737373;
	} 
h1,h2, h3{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 23px;
	}
h2{
	font-size: 23px;
	}
#home_entity-page_content .jumbotron{margin-bottom: 0; position: relative;}

/*.parallax {
  /* Set a specific height */
  /*height: 500px;

  /* Create the parallax scrolling effect */
  /*background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
	
}
*/

 



@keyframes typing {
  75%,
  100% {
    max-width: calc(var(--characters) * 1ch);
  }
}
 
@keyframes blink {
  0%,
  75%,
  100% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}
@media only screen and (max-width: 600px) {
	.sticky{ 
	    background-size: 200% !important;
    	background-repeat: no-repeat !important; 
		height: 80vh !important;
}}
*,
*::before,
*::after {
  box-sizing: border-box;
}



div.parallax-image* {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  top: 0;
}

div.parallax-image1 {
  background-image: url(https://lh5.googleusercontent.com/8cf-zk5Xu7J9iHLe7xK6H9kWFmgqfWjC-n9Z9Wee3202ZEHeM5YF2A15XhHj4iA8PSLYyOgBJwnoE1CppoZd9G0OWobVLIrvBYPDHm-0DbxtiAHObVThCvG28WnoaHIpoT7Dq4qakXopUoozHg);  
}

div.parallax-image2 {
  background-image: url(https://clandestinofilms.com/public/entities/2/images/eola-community-gonzales-kids-playing-esau-melendez-clandestino-films-el-campo-boxcar-story-documentary.jpg); 
}

div.parallax-image3 {
  background-image: url(https://source.unsplash.com/random/2401x1200/?rocks);
}

div.parallax-image4 {
  background-image: url(https://source.unsplash.com/random/2001x1201/?hills);
}

.sticky {
  margin-top: -100vh;
  width: 100%;  
  height: 100vh;   
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 0;
}

div.section-header {
  position: relative;
  width:100%;
  height:70vh;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  z-index: 2
}

div.header-text {
  height: auto;
  padding: 0px 20px;
  padding-left: calc(20vw - 70px);
  margin-bottom: 40px;
  color: white;
}

div.section {
  position: relative;
  background-color: white;
  width: 100%;
  min-height: 100vh;
  padding: 3em calc(20vw - 70px);
  z-index: 1
}

div.section:last-child {
  min-height: 50vh;
  padding: 3em calc(20vw - 70px) 6em;
}

div.section.dark {
  background-color: #102030;
  color:white;
}

.page-title > div >h1 {
} 

.bgimg-4 { 
    background-image: url(https://inspiredviewsproductions.com/public/entities/1/images/Archive/DJI_0068.jpg);
}
.bgimg-3 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/7P9A8585.JPG);
}
.bgimg-6 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/IMG_9924.jpg);
	  background-position-y: 85%;  
}
.bgimg-7 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/IMG_7952.jpg);
} 
.bgimg-8 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/social-media-.jpeg);
	background-position-y: 50%;  
} 
.bgimg-9 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/Commercial-IndustialsVideos.jpeg);
	
}
.bgimg-10 {
    background-image:  url(https://clandestinofilms.com/public/entities/0/images/Events.jpeg);
	  
}
 
.footer { 
    background-color: #166799 !important;  
    color: #fff; 
    padding: 10px 0px;   
}
