body, html,
#app{
    position:relative;
    height:100%;
    margin:0;
    padding:0;
    scroll-behavior: smooth;
}

#header{
    background-color:var(--grey);
    padding:1rem;
    box-shadow: 2px 2px 4px #ccc;
}

.app_home #header{
    color:white;
}


#main{
    padding:2rem 0;
}

.page-title{
    color:white;
    font-size: 3rem;
    font-weight: var(--text-regular);
    letter-spacing: 0.03rem;
    margin: 0 0 2rem 0;
    padding:1.4rem 1rem;

}

.page-title-healthcare {
	padding-left: 92px;
	background: url('/site/images/icons/icn_healthcare_white.svg') no-repeat 16px center;
	background-size: 60px 60px;
}

.page-title-about-us {
	padding-left: 92px;
	background: url('/site/images/icons/icn_about_white.svg') no-repeat 16px center;
	background-size: 60px 60px;
}

.page-title-agriculture {
	padding-left: 92px;
	background: url('/site/images/icons/icn_agriculture_white.svg') no-repeat 16px center;
	background-size: 60px 60px;
}

.page-title-knowledge-centre {
	padding-left: 92px;
	background: url('/site/images/icons/icn_knowledgecentre_white.svg') no-repeat 16px center;
	background-size: 60px 60px;
}

.page-title-strategy {
	padding-left: 92px;
	background: url('/site/images/icons/icn_strategy_white.svg') no-repeat 16px center;
	background-size: 60px 60px;
}

#footer{
    background-color: var(--grey-mid);
    color:white;
    padding:2rem 0 0 0;
    letter-spacing: 0.03rem;
}

.copyright{
    margin-top: 2rem;
    background-color: var(--dark);
    color:white;
    padding:1rem 0;
}