Those are all the custom CSS codes I’m using:
div.site-logo-div{
height: auto;
max-width: 200px;
}
#features {
background: white;
}
#about{
background: #F5F5F5;
}
#gallery{
background: white;
}
#team {
background: #F5F5F5;
}
#contact{
background: white;
}
h2.hero-large-text {
background-color: rgba(0,97,104,0.1);
margin: 0 -9999rem;
/* add back negative margin value */
padding: 0.25rem 9999rem;
}
p.hero-small-text {
background-color: rgba(0,97,104,0.1);
margin: 0 -9999rem;
/* add back negative margin value */
padding: 0.25rem 9999rem;
}
.btn-secondary-outline {
color: rgb(22,178,193);
background-color: rgb(22,178,193);
border-color: transparent;
}
.hero__content .btn-secondary-outline {
box-shadow: none;
border-color: none;
color: rgba(255, 255, 255, 0.9);
}
h2.section-title {
color: rgb(22,178,193);
}
.section-title-area .section-subtitle {
color: rgb(0,97,104)
}
h4 {
color: rgb(0,97,104)
}