*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}


body{
    background:#0D0D0D;
    font-family:'Inter', sans-serif;
}


#about,
#real-influencer,
#get-involved,
#gallery-film{
    scroll-margin-top:120px;
}



/* ==================================
   NAVBAR
================================== */

.navbar{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 6%;

    background:transparent;

    backdrop-filter:none;


    z-index:1000;

    transition:0.4s ease;
}

.navbar.scrolled{

    background:
    rgba(13,13,13,0.85);

    backdrop-filter:blur(15px);

    border-bottom:
    1px solid rgba(230,213,184,0.08);
}

/* LEFT */

.nav-left{

    display:flex;

    align-items:center;

    gap:12px;


    text-decoration:none;
}

.logo{

    width:48px;

    height:48px;

    object-fit:cover;

    border-radius:50%;
}

.ngo-name{

    color:#FFFFFF;

    font-size:1.2rem;

    font-weight:600;

    letter-spacing:0.5px;
}

/* LINKS */

.nav-links{

    display:flex;

    align-items:center;

    gap:45px;

    list-style:none;
}

.nav-links a{

    position:relative;

    text-decoration:none;

    color:#FFFFFF;

    font-size:0.95rem;

    font-weight:500;

    letter-spacing:0.5px;

    transition:0.3s ease;
}

.nav-links a:hover{

    color:#E6D5B8;
}

.nav-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:2px;

    background:#E6D5B8;

    transition:0.3s ease;
}

.nav-links a:hover::after{

    width:100%;
}

/* ==================================
   HAMBURGER
================================== */

.menu-toggle{

    display:none;

    flex-direction:column;

    gap:6px;

    cursor:pointer;

    z-index:2000;
}

.menu-toggle span{

    width:28px;

    height:2px;

    background:#FFFFFF;

    transition:0.4s ease;
}

/* X ANIMATION */

.menu-toggle.active span:nth-child(1){

    transform:
    translateY(8px)
    rotate(45deg);
}

.menu-toggle.active span:nth-child(2){

    opacity:0;
}

.menu-toggle.active span:nth-child(3){

    transform:
    translateY(-8px)
    rotate(-45deg);
}

.section-tag {
    color: rgb(230, 213, 184);
    letter-spacing: 6px;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* ==================================
   Hero Section
================================== */

.hero{
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 1;
    }

    /* Slider */

.slider{
    width: 100%;
    height: 100%;
}

.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active{
    opacity: 1;
}



.slide img{
    width:100%;
    height:100%;
    object-fit:cover;

    filter:
        grayscale(100%)
        brightness(70%)
        contrast(125%);
}

.desktop-slide{
    display:block;
}

.mobile-slide{
    display:none;
}

/* Overlay */

.hero-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.45) 5%,
        rgba(230,213,184,0.25) 30%,
        rgba(13,13,13,0.35) 65%,
        rgba(13,13,13,0.75) 85%,
        rgba(13,13,13,1) 100%
        );
}

/* Hero Content */

.hero-content{
    position: absolute;

    top: 50%;
    left: 50%;

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

    text-align: center;

    z-index: 3;

    width: 90%;

    animation: fadeUp 1.5s ease;
}

.hero-content h1{
    color: #FFFFFF;

    font-family: 'Playfair Display', serif;

    font-size: 5.5rem;

    font-weight: 700;

    line-height: 1.1;

    letter-spacing: -2px;
}

/* ==================================
   HERO DOTS
================================== */

.slider-dots{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    gap:12px;

    z-index:5;
}

.dot{

    width:12px;

    height:12px;

    border-radius:50%;

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

    cursor:pointer;

    transition:0.4s ease;
}

.dot:hover{

    background:#E6D5B8;

    transform:scale(1.2);
}

.active-dot{

    background:#E6D5B8;

    width:30px;

    border-radius:20px;
}

    /* Animation */

@keyframes fadeUp{

    from{
        opacity: 0;
        transform: translate(-50%, -40%);
    }

    to{
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}



/* ==================================
ABOUT
================================== */

/*section*/

.about-section{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    padding:120px 8%;

    overflow:hidden;
}

/* BACKGROUND IMAGE */

.about-bg{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    filter:
    grayscale(100%)
    brightness(65%)
    contrast(125%);

    z-index:0;
}

/* DESKTOP IMAGE */

.about-desktop{

    display:block;
}

/* HIDE MOBILE SECTION */

.about-mobile-section{

    display:none;
}

/* OVERLAY */

.about-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        to bottom,
        rgba(13,13,13,1) 0%,
        rgba(13,13,13,0.9) 10%,
        rgba(13,13,13,0.5) 20%,
        rgba(13,13,13,0) 35%
    ),

    linear-gradient(
        to right,
        rgba(13,13,13,0.98) 0%,
        rgba(13,13,13,0.95) 30%,
        rgba(13,13,13,0.80) 50%,
        rgba(13,13,13,0.40) 70%,
        rgba(13,13,13,0.05) 100%
    );

    z-index:1;
}

/* CONTENT */

.about-content{

    position:relative;

    z-index:3;

    max-width:600px;
}

/* HEADING */

.about-heading{

    font-family:'Playfair Display', serif;

    color:#E6D5B8;

    font-size:6rem;

    line-height:0.95;

    margin:30px 0 50px;

    overflow:hidden;
}

/* TEXT */

.about-text p{

    color:#D5D5D5;

    font-size:1.05rem;

    line-height:2;

    margin-bottom:22px;

    text-align:justify;
}

/* HIGHLIGHT */

.highlight{

    color:#E6D5B8 !important;

    font-weight:600;

    font-size:1.2rem !important;
}

/* BOTTOM FADE */

.about-section::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:150px;

    background:
    linear-gradient(
        to bottom,
        transparent,
        #0D0D0D
    );

    z-index:2;
}

/* REVEAL */

.reveal{

    clip-path:inset(0 100% 0 0);

    transform:translateX(-50px);

    transition:
    clip-path 1.2s ease,
    transform 1.2s ease;
}

.reveal.active{

    clip-path:inset(0 0 0 0);

    transform:translateX(0);
}

    
/* MOVING STRIP */

.moving-strip{
    position: relative;

    background:#0D0D0D;

    padding:60px 0 20px;

    overflow:hidden;

}

.moving-strip::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:120px;

    z-index:5;

    pointer-events:none;

    background:
    linear-gradient(
        to bottom,
        #0D0D0D,
        transparent
    );
}

.moving-strip::after{

    content:"";

    position:absolute;

    bottom:0;
    left:0;

    width:100%;
    height:120px;

    z-index:5;

    pointer-events:none;

    background:
    linear-gradient(
        to top,
        #0D0D0D,
        transparent
        );
    }


/* ROW */

.marquee{

    overflow:hidden;

    white-space:nowrap;

    margin: 25px 0;
}

.marquee-content{

    display:inline-flex;

    gap:40px;

    animation:
        scrollLeft 25s linear infinite;
}

/* BOXES */

.marquee-content span{

    color:#E6D5B8;

    border:1px solid
        rgba(230,213,184,0.15);

    padding: 15px 60px;

    border-radius:12px;

    font-size:1.2rem;

    letter-spacing:3px;

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

    backdrop-filter:blur(10px);

    flex-shrink:0;
}

/* SECOND ROW */

.reverse .marquee-content{

    animation:
        scrollRight 25s linear infinite;
}

/* ANIMATION */

@keyframes scrollLeft{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

@keyframes scrollRight{

    from{
        transform:translateX(-50%);
    }

    to{
        transform:translateX(0);
    }
}

/* ==================================
   REAL INFLUENCERS
================================== */

.influencers-section{

    background:#0D0D0D;

    padding:60px 8% 60px;

    text-align:center;
}

/* ==================================
   HEADING
================================== */

.influencer-heading{

    color:#FFFFFF;

    font-family:'Playfair Display', serif;

    font-size:5rem;

    line-height:1.1;

    margin:20px 0;
}

.influencer-subtext{

    color:#BEBEBE;

    max-width:700px;

    margin:0 auto 100px;

    line-height:1.8;
}

/* ==================================
   SLIDER
================================== */

.influencer-slider{

    position:relative;

    max-width:1400px;

    margin:auto;

    overflow:hidden;

    padding-top:40px;

    padding-bottom:30px;
}

.influencer-pages{

    display:flex;

    transition:
    transform 0.9s cubic-bezier(
        0.77,
        0,
        0.175,
        1
    );
}

.influencer-page{

    min-width:100%;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    justify-items:center;

    gap:100px 60px;

    padding-top:40px;
    overflow:visible;
}

/* ==================================
   ARROWS
================================== */

.slider-btn{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:65px;
    height:65px;

    border:none;

    border-radius:50%;

    cursor:pointer;

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

    color:#E6D5B8;

    font-size:1.8rem;

    transition:0.3s ease;

    z-index:100;
}

.influencer-prev{

    left:-20px;
}

.influencer-next{

    right:-20px;
}

.slider-btn:hover{

    background:#E6D5B8;

    color:#0D0D0D;

    transform:
    translateY(-50%)
    scale(1.1);
}

/* ==================================
   CARD
================================== */

.influencer-card{

    position:relative;

    overflow:visible;

    padding-bottom:70px;

    text-decoration:none;

    color:inherit;

    transition:0.4s ease;
}

/* ==================================
   IMAGE
================================== */

.influencer-card img{

    width:220px;

    height:220px;

    border-radius:50%;

    object-fit:cover;

    border:2px solid
    rgba(230,213,184,0.2);

    filter:grayscale(0%);

    transition:0.5s ease;
}

/* ==================================
   HOVER EFFECT
================================== */

.influencer-card:hover{

    transform:translateY(-10px);
}

.influencer-card:hover img{

    transform:scale(1.08);

    filter:grayscale(0%);

    border-color:#E6D5B8;

    box-shadow:
    0 0 40px rgba(
        230,
        213,
        184,
        0.25
    );
}

/* ==================================
   INFO CARD
================================== */

.influencer-info{

    position:absolute;

    left:50%;

    bottom:15px;

    transform:
    translateX(-50%)
    translateY(20px);

    background:
    rgba(13,13,13,0.96);

    backdrop-filter:
    blur(10px);

    border:1px solid
    rgba(230,213,184,0.15);

    border-radius:20px;

    padding:18px 28px;

    min-width:250px;

    opacity:0;

    pointer-events:none;

    transition:0.4s ease;

    box-shadow:
    0 10px 40px
    rgba(0,0,0,0.45);

    z-index:50;
}

.influencer-info h3{

    color:#FFFFFF;

    font-size:1.35rem;

    margin-bottom:8px;

    font-weight:600;
}

.influencer-info p{

    color:#E6D5B8;

    font-size:0.95rem;

    letter-spacing:1px;
}

/* ==================================
   SHOW INFO ON HOVER
================================== */

.influencer-card:hover .influencer-info{

    opacity:1;

    transform:
    translateX(-50%)
    translateY(0);
}

/* ==================================
   LAST INFLUENCER PAGE
================================== */

.influencer-page-last{

    min-width:100%;

    min-height:auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    align-content:center;

    gap:80px;

    padding-top:40px;
}

/* CARD SIZE */

.influencer-page-last .influencer-card{

    flex:0 0 220px;
}


/* ==================================
    GET INVOLVED
================================== */

    .involved-section{

        background:#0D0D0D;

        padding:20px 8% 0;

        text-align:center;
    }

    .involved-heading{

        color:#FFFFFF;

        font-size:5rem;

        font-family:'Playfair Display', serif;

        line-height:1.1;

        margin:20px 0 30px;
    }

    .involved-text{

        color:#BEBEBE;

        font-size:1.1rem;

        max-width:650px;

        margin:0 auto 20px;

        line-height:1.8;
    }

    

/* ==================================
   GALLERY
================================== */

.gallery-film{

    background:#0D0D0D;

    padding:80px 0;

    overflow:hidden;
}

.film-track{

    display:flex;

    gap:30px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    cursor:grab;

    user-select:none;

    padding:0 8%;
}

.film-track::-webkit-scrollbar{

    display:none;
}

/* IMAGES */

.film-track img{

    flex-shrink:0;

    width:420px;

    height:280px;

    object-fit:cover;

    border-radius:18px;

    cursor:pointer;

    filter:
    grayscale(100%)
    brightness(85%);

    transition:0.5s ease;
}

.film-track img:hover{

    transform:scale(1.04);

    filter:
    grayscale(0%)
    brightness(100%);

    box-shadow:
    0 0 35px
    rgba(230,213,184,0.18);
}



/* ==================================
   LIGHTBOX
================================== */

.gallery-lightbox{

    position:fixed;

    inset:0;

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

    display:none;

    justify-content:center;

    align-items:center;

    z-index:9999;
}

.gallery-lightbox.active{

    display:flex;
}

.lightbox-image{

    max-width:90%;

    max-height:85vh;

    border-radius:12px;
}

.close-lightbox{

    position:absolute;

    top:30px;

    right:40px;

    color:white;

    font-size:3rem;

    cursor:pointer;
}

/* ==================================
   SUGGESTION / QUERY
================================== */
#form-status{

    margin-top:20px;

    color:#E6D5B8;

    text-align:center;

    font-weight:500;
}
.query-section{

    background:#0D0D0D;

    padding:10px 8%;

    text-align:center;
}

.query-heading{

    color:#FFFFFF;

    font-size:4.5rem;

    font-family:'Playfair Display', serif;

    margin:20px 0;
}

.query-text{

    color:#BEBEBE;

    max-width:650px;

    margin:0 auto 60px;

    line-height:1.8;
}

.query-form{

    max-width:800px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:25px;
}

.query-form input,
.query-form textarea{

    width:100%;

    padding:18px 22px;

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

    border:1px solid
    rgba(230,213,184,0.15);

    border-radius:16px;

    color:#FFFFFF;

    font-size:1rem;

    outline:none;

    transition:0.3s ease;
}

.query-form input:focus,
.query-form textarea:focus{

    border-color:#E6D5B8;

    box-shadow:
    0 0 20px
    rgba(230,213,184,0.15);
}

.query-form textarea{

    resize:none;
}

.query-form button{

    width:220px;

    margin:auto;

    padding:16px;

    border:none;

    border-radius:50px;

    background:#E6D5B8;

    color:#0D0D0D;

    font-size:1rem;

    font-weight:600;

    cursor:pointer;

    transition:0.3s ease;
}

.query-form button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 10px 25px
    rgba(230,213,184,0.25);
}
/* ==================================
FOOTER
================================== */

/* SECTION */

.premium-footer{


position:relative;

background:#0D0D0D;

padding:20px 8% 60px;

text-align:center;

overflow:hidden;


}

.footer-email{

    display:inline-block;

    color:#FFFFFF;

    text-decoration:none;

    font-size:1.1rem;

    font-weight:500;

    transition:0.3s ease;
}

.footer-email:hover{

    color:#FFFFFF;

    transform:translateY(-2px);
}

/* LOGO */

.footer-logo{


position:relative;

z-index:2;

color:#FFFFFF;

font-family:'Playfair Display', serif;

font-size:5rem;

margin-bottom:20px;


}

/* TAGLINE */

.footer-tagline{

position:relative;

z-index:2;

color:#E6D5B8;

font-size:1.3rem;

margin-bottom:40px;

}


/* SOCIALS */

.footer-socials{


display:flex;

justify-content:center;

gap:35px;

margin-top:50px;

position:relative;

z-index:2;


}

.footer-socials a{

color:#E6D5B8;

font-size:2rem;

transition:all 0.4s ease;


}

/* HOVER */

.footer-socials a:hover{


transform:
translateY(-8px)
scale(1.15);

}

/* INSTAGRAM */

.footer-socials a:hover .fa-instagram{


color:#E1306C;

filter:
drop-shadow(
    0 0 10px #E1306C
);

}

/* YOUTUBE */

.footer-socials a:hover .fa-youtube{


color:#FF0000;

filter:
drop-shadow(
    0 0 10px #FF0000
);


}

/* LINKEDIN */

.footer-socials a:hover .fa-linkedin{


color:#0A66C2;

filter:
drop-shadow(
    0 0 10px #0A66C2
);


}

/* X */

.footer-socials a:hover .fa-x-twitter{


color:#FFFFFF;

filter:
drop-shadow(
    0 0 10px #FFFFFF
);


}

/* WATERMARK */

.footer-watermark{


position:absolute;

left:50%;
top:50%;

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

font-size:12rem;

font-weight:700;

white-space:nowrap;

color:
rgba(255,255,255,0.03);

pointer-events:none;


}

/* COPYRIGHT */

.footer-copyright{

position:relative;

z-index:2;

margin-top:120px;

color:#7A7A7A;

font-size:0.9rem;


}

    

/* ==================================
   Tablet
================================== */

/*navbar*/
@media(max-width:992px){

    .navbar{

        padding:18px 4%;
    }

    .nav-links{

        gap:25px;
    }

    .ngo-name{

        font-size:1.1rem;
    }

/*hero section*/

    .hero-content h1{

        font-size:4rem;
    }

/*about section*/

.about-heading{

    font-size:4rem;
}


/*influencer list*/


    .influencer-page{

        grid-template-columns:
        repeat(2,1fr);
    }

    .influencer-heading{

        font-size:3.5rem;
    }

/*footer*/

.footer-watermark{

    font-size:8rem;
}

.footer-logo{

    font-size:4rem;
}


}
/* ==================================
   MOBILE
================================== */

/*navbar*/
@media(max-width:768px){

    .navbar{

        padding:15px 20px;
    }


    .logo{

        width:40px;

        height:40px;
    }

    .ngo-name{

        font-size:1rem;
    }

    .menu-toggle{

        display:flex;
    }

    .nav-links{

        position:fixed;

        top:0;

        right:-100%;

        width:280px;

        height:100vh;

        background:
        rgba(13,13,13,0.98);

        backdrop-filter:blur(20px);

        flex-direction:column;

        justify-content:center;

        align-items:center;

        gap:40px;

        transition:0.5s ease;

        box-shadow:
        -10px 0 30px
        rgba(0,0,0,0.4);
    }

    .nav-links.active{

        right:0;
    }

    .nav-links a{

        font-size:1.1rem;

        color:#FFFFFF;
    }


    /* Hero Section */

    .hero-content h1{

        font-size:2.8rem;

        line-height:1.15;

        letter-spacing:-1px;
    }

    .desktop-slide{
        display:none;
    }

    .mobile-slide{
        display:block;
    }

    .slider-dots{

        bottom:50px;
    }

    .dot{

         width:10px;

        height:10px;
    }

    .active-dot{

        width:24px;
    }


/*About Section*/


    /* DESKTOP OFF */

    .about-section{
        display:none;
    }

    /* MOBILE ON */

 /* ==================================
   ABOUT MOBILE
================================== */

.about-mobile-section{

    display:block;

    background:#0D0D0D;

    padding:50px 0;
}

/* HEADING */

.about-mobile-heading{

    color:#E6D5B8;

    font-family:'Playfair Display', serif;

    font-size:3rem;

    padding:0 25px;

    margin-bottom:30px;
}

/* VIDEO */

.about-mobile-video{

    position:relative;

    width:100%;

    margin:0 auto 40px;

    overflow:hidden;
}

/* TOP FADE */

.about-mobile-video::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:80px;

    background:
    linear-gradient(
        to bottom,
        #0D0D0D,
        transparent
    );

    z-index:2;

    pointer-events:none;
}

/* BOTTOM FADE */

.about-mobile-video::after{

    content:"";

    position:absolute;

    bottom:0;
    left:0;

    width:100%;

    height:100px;

    background:
    linear-gradient(
        to bottom,
        transparent,
        #0D0D0D
    );

    z-index:2;

    pointer-events:none;
}

.about-mobile-video video{

    width:100%;

    display:block;
}

/* TEXT */

.about-mobile-text{

    padding:0 25px;
}

.about-mobile-text p{

    color:#D5D5D5 !important;

    font-size:0.95rem;

    line-height:1.8;

    margin-bottom:20px;

    text-align:justify;
}

.about-mobile-text .highlight{

    color:#E6D5B8 !important;

    font-size:1.1rem;

    font-weight:600;
}


/*moving strip*/


.marquee-content{

    gap:20px;
}

.marquee-content span{

    padding:12px 30px;

    font-size:0.9rem;

    letter-spacing:2px;
}

.section-tag {
    color: rgb(230, 213, 184);
    letter-spacing: 6px;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/*influencer list*/

    .influencer-page{

        grid-template-columns:
        repeat(2,1fr);

        gap:70px 20px;

        padding-top:20px;
    }

    .influencer-heading{

        font-size:2.8rem;
    }

    .influencer-card{

        padding-bottom:70px;
    }

    .influencer-card img{

        width:130px;

        height:130px;
    }

    .influencer-info{

        min-width:140px;

        padding:12px 15px;
    }

    .influencer-info h3{

        font-size:1rem;
    }

    .influencer-info p{

        font-size:0.8rem;

        line-height:1.3;
    }

    .slider-btn{

        width:45px;

        height:45px;

        font-size:1.1rem;

        background:#E6D5B8;

        color:#0D0D0D;

        box-shadow:
        0 0 15px rgba(
            230,
            213,
            184,
            0.4
        );
    }

    .influencer-prev{

        left:5px;
    }

    .influencer-next{

        right:5px;
    }

    .influencer-page-last{

        justify-content:center;
    }

     .influencer-info{

        opacity:1;

        pointer-events:auto;
    }

/*Get Involve*/

    .involved-section{

        padding:60px 6% 30px;
    }

    .involved-heading{

        font-size:3rem;
    }

    .involved-text{

        font-size: 1rem;

        margin-bottom:20px;
    }

    .involved-email{

        font-size:1rem;
    }

/*gallery*/


    .gallery-film{

        padding:60px 0;
    }

    .film-track{

        gap:15px;

        padding:0 5%;
    }

    .film-track img{

        width:280px;

        height:190px;

        border-radius:14px;
    }


/*lightbox*/


    .lightbox-image{

        max-width:95%;

        max-height:80vh;
    }

    .close-lightbox{

        top:20px;

        right:20px;

        font-size:2.5rem;
    }



    .query-section{

        padding:70px 6%;
    }

    .query-heading{

        font-size:2.8rem;
    }

    .query-text{

        font-size:0.95rem;
    }

    .query-form input,
    .query-form textarea{

        padding:15px 18px;
    }

    .query-form button{

        width:180px;
    }

/*footer*/

.footer-logo{

    font-size:2.8rem;
}

.footer-tagline{

    font-size:1rem;
}

.footer-socials{

    gap:25px;
}

.footer-socials a{

    font-size:1.6rem;
}

.footer-watermark{

    font-size:4rem;
}

.footer-copyright{

    margin-top:80px;

    font-size:0.8rem;
}


}

/* ==================================
   SMALL MOBILE
================================== */



@media(max-width:480px){
    .hero-content h1{
        font-size:2.2rem;
    }

.about-heading{

        font-size:2.4rem;
    }

    .involved-heading{

        font-size:2.3rem;
    }

    .film-track img{

        width:240px;

        height:170px;
    }

    .footer-logo{

        font-size:1.6rem;
    }
}