/*
Theme Name: Astra Child
Template: astra
*/

.hero-about{
	position:sticky;
	top:0;
}

.site-header,
.ast-primary-header,
#ast-desktop-header{
	background-color:#000000!important;
	position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
}

body.home{
  background:wh;
  font-family:'Roboto',sans-serif;
		overflow-x:hidden;
	overflow-y:hidden;
	cursor:none;
}

.cursor{
  position:fixed;
  width:30px;
  height:30px;
  border-radius:50%;
  background:white;
  pointer-events:none;
  transform:translate(-50%, -50%);
  z-index:9999;

  mix-blend-mode:difference;
}

.projects-module{
  height:80vh;
  display:flex;
  justify-content:center;
  align-items:end;
}

.cards{
  position:relative;
  width:700px;
  height:400px;
}

.card{
  position:absolute;
  width:280px;
  height:280px;
  transition:all .5s ease;
  cursor:pointer;
}

.card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* POSICIONES INICIALES */

.card1{
  left:0;
  top:100px;
  transform:rotate(-10deg);
  z-index:1;
}

.card2{
  left:150px;
  top:150px;
  transform:rotate(-4deg);
  z-index:4;
}

.card3{
  left:310px;
  top:60px;
  transform:rotate(4deg);
  z-index:3;
}

.card4{
  left:430px;
  top:130px;
  transform:rotate(8deg);
  z-index:1;
}

.header{
	max-height:95vh;
}

.title{
  font-size:18vw;
  white-space:nowrap;
  width:100vw;
  margin-left:calc(50% - 50vw);
}

.services{
	color:#7a7a7a; 
	font-family: 'Roboto', sans-serif;
	font-size:140px;
	line-height:0.8em;
	font-weight:600;
	letter-spacing: -6px;
}

.services:hover{
	color:white;
	transition-duration:0.6s;
}

.menu-link{
	font-size:16px;
}

.career-journey p b{
	font-weight: 400!important;
}

.david{
font-family: helvetica; 
font-weight: 600;
font-size: 14vw; 
color: black;
}


@media (max-width: 1024px) {
	
	.ast-mobile-header-content{
		margin-top:80px;
	}
	
	
  .projects-module{
  height:50vh;
}

.cards{
  position:relative;
  width:650px;
  height:400px;
}

.card{
  position:absolute;
  width:200px;
  height:200px;
  transition:all .5s ease;
  cursor:pointer;
}

.card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
	.ast-container{
		padding:0px;
		margin:0px;
	}
}

@media (max-width: 600px) {
	
	.services{
	color:white; 
	font-family: 'Roboto', sans-serif;
	font-size:75px;
	line-height:0.8em;
	font-weight:600;
	letter-spacing: -6px;
}
  
	.cards{
  width:325px;
  height:300px;
}

.card{
  width:120px;
  height:120px;
}
	
	.card1{
  left:0;
  top:200px;
}

.card2{
  left:50px;
  top:280px;
}

.card3{
  left:140px;
  top:240px;
}

.card4{
  left:200px;
  top:210px;
}
	
  .card {
    transform: none !important;
  }

  .cursor {
    display: none;
  }
	
.david{
font-family: helvetica; 
font-weight: 600;
font-size: 15vw; 
color: black;
}

}