/* HERO SECTION */

.careers-hero{

height:80vh;

background:url("../images/moon-base.jpg") center/cover no-repeat;

display:flex;
align-items:center;
justify-content:center;

text-align:center;

position:relative;

}



/* DARK OVERLAY */

.careers-hero::before{

content:"";

position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.55);

}



.hero-content{

position:relative;

max-width:750px;

color:white;

padding:20px;

}



/* HERO TITLE */

.hero-content h1{

font-family:'Caudex', serif;

font-size:64px;

margin-bottom:20px;

letter-spacing:2px;

}



/* HERO TEXT */

.hero-content p{

font-family:'Caudex', serif;

font-size:20px;

line-height:1.8;

margin-bottom:40px;

color:#d9d9d9;

}



/* APPLY BUTTON */

.apply-btn{

border:1px solid rgba(255,255,255,0.5);

padding:12px 30px;

border-radius:6px;

text-decoration:none;

color:white;

font-family:'Caudex', serif;

transition:all .3s;

}



.apply-btn:hover{

background:white;
color:black;

}



/* OPENINGS SECTION */

.careers-openings{

background:url("../images/stars.jpg") center/cover no-repeat;

padding:140px 20px;

text-align:center;

color:white;

position:relative;

clip-path:polygon(
0 12%,
100% 0,
100% 100%,
0 100%
);

margin-top:-80px;

}



/* DARK OVERLAY */

.careers-openings::before{

content:"";

position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.75);

}



.openings-content{

position:relative;

max-width:700px;

margin:auto;

}



/* TITLE */

.careers-openings h2{

font-family:'Caudex', serif;

font-size:46px;

margin-bottom:30px;

}



/* TEXT */

.careers-openings p{

font-family:'Caudex', serif;

font-size:18px;

line-height:1.7;

color:#d6d6d6;

margin-bottom:14px;

}



/* DIVIDER */

.divider{

width:70%;

height:1px;

background:rgba(255,255,255,0.2);

margin:40px auto;

}



/* MOBILE */

@media(max-width:900px){

.hero-content h1{
font-size:42px;
}

.hero-content p{
font-size:18px;
}

.careers-openings h2{
font-size:32px;
}

}