.neofuns-about-scroll{

position:relative;
width:100%;
font-family:Arial,Helvetica,sans-serif;

}



/* HERO */

.neofuns-hero-sticky{

height:100vh;
min-height:650px;
position:sticky;
top:0;
overflow:hidden;

}



.neofuns-hero-image{

height:100%;
width:100%;
position:relative;

}



.neofuns-hero-image img{

width:100%;
height:100%;
object-fit:cover;

}




.neofuns-image-overlay{

position:absolute;
inset:0;

background:
linear-gradient(
rgba(0,0,0,.25),
rgba(0,0,0,.7)
);

}



/* HERO TEXT */

.neofuns-hero-content{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:90%;

text-align:center;

color:#fff;

z-index:2;

}



.neofuns-hero-content h1{

font-size:72px;

font-weight:900;

letter-spacing:5px;

margin:0 0 20px;

text-shadow:
2px 3px 8px rgba(0,66,151,.7);

}



.neofuns-hero-content p{

font-size:24px;

font-weight:600;

letter-spacing:3px;

}



/* BLACK COVER */

.neofuns-who-section{


position:relative;

z-index:5;


margin-top:-180px;


background:#252525;


color:white;


border-radius:50px 50px 0 0;


padding:120px 20px 100px;


}



/* CONTENT */

.neofuns-container{

max-width:950px;

margin:auto;

text-align:center;

}



.neofuns-container h2{

font-size:52px;

font-weight:800;

margin-bottom:35px;

}



.neofuns-container p{

font-size:24px;

line-height:1.8;

color:#ddd;

margin-bottom:22px;

}




/* MOBILE */

@media(max-width:768px){


.neofuns-hero-sticky{

height:75vh;
min-height:480px;

}



.neofuns-hero-content h1{

font-size:40px;

}



.neofuns-hero-content p{

font-size:14px;

letter-spacing:1px;

}



.neofuns-who-section{

margin-top:-80px;

padding:80px 20px;

border-radius:30px 30px 0 0;

}



.neofuns-container h2{

font-size:32px;

}



.neofuns-container p{

font-size:16px;

}


}