/*=========================================================
44 Web Design Component Library
-----------------------------------------------------------
Component : Hero Section
Component ID : HERO-001
Version   : 1.0.0 (Development)
=========================================================*/

/*=========================================================
Project Tokens
=========================================================*/

:root{

    --hero-padding-top:24px;
    --hero-padding-bottom:24px;

}

@media (max-height:900px){

    :root{

        --hero-padding-top:16px;
        --hero-padding-bottom:16px;

    }

}

@media (max-height:780px){

    :root{

        --hero-padding-top:10px;
        --hero-padding-bottom:10px;

    }

}


/*=========================================================
2. Hero wrapper
=========================================================*/

[data-hero="wrapper"]{

    padding-top:var(--hero-padding-top);
    padding-bottom:var(--hero-padding-bottom);
	

}