.hero-section 
{
	padding-top: 160px;
	padding-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}

.hero-section .hero-content 
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	width: 80%;
}

.hero-section .hero-content .hero-banner
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	max-width: 60%;
    line-height: 1.1;
    row-gap: 20px;
    color: var(--heading-text-color);
}

.hero-section .hero-content .hero-banner > span:first-of-type
{
    font-size: var(--font-hero);
    font-weight: 900;
}

.hero-section .hero-content .hero-banner > span:nth-of-type(2)
{
    font-size: 20px;
    color: var(--heading-text-color);
}

.hero-section .cta-buttons 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
}

.hero-section
{
    background: url('../../content/images/hero-image.png');
    background-size: auto;
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: var(--hero-background-color);
}

/* SMALL screens only */
@media (max-width: 768px) {

.hero-section {
    
    background: var(--hero-background-color);
}

	.hero-section .hero-content 
	{
		max-width: 95%;
	}
}