.navbar-cta, .mobile-menu-cta > a {
    background: white!important;
    color: inherit!important;
    border: 1px solid #dddfe2!important;
}

.navbar-cta:hover, .mobile-menu-cta > a:hover {
    background: #f4f4f4;
}

/* 
================================================================================
Hero section
================================================================================
*/
#title-section {
	background: #f0f0f0;
	display: flex;
	flex-direction: column;
}

.title-content {
	text-align: center;
}

.title-content h1 {
    font-size: 6.2rem;
    margin-bottom: 1.2rem;
    color: #343c4b;
}

.title-content p {
    font-size: 2rem;
    color: #343c4b;
}

.title-button-enter {
	background-color: #777;
}

.title-divider {
	background: #fff;
	fill: #f0f0f0;
}

/* BELOW 1520px (Smaller desktops) */
@media (max-width: 95em) {
    .title-content h1 {
        font-size: 5.2rem;
    }
}

/* BELOW 1200px (Landscape Tablets) */
@media (max-width: 75em) {
    .title-content h1 {
        font-size: 4.2rem;
    }
}

/* BELOW 944px (Tablets) */
@media (max-width: 59em) {
    .title-content h1 {
        font-size: 4.6rem;
    }
}

/* BELOW 768px */
@media (max-width: 48em) {
    .title-content h1 {
        font-size: 4.2rem;
    }
}

@media (max-width: 34em) {
    .title-content h1 {
        font-size: 3.8rem;
    }
} 

/* 
================================================================================
Skills section
================================================================================
*/


/* 
================================================================================
Steps section
================================================================================
*/
#steps-section {
    background: #eeeeee;
}

.steps-divider {
    fill: #eeeeee;
    background: white;
}


#steps-section {
    background: #868686;
}   

.steps-divider {
    fill: #868686;
}

#steps-section .section-title {
    color: #eee;
}

#steps-section .section-description {
    color: #eee;
}

.steps-cta {
    background: #a9a9a9;
    color: #eee;
}

.steps-divider:nth-of-type(2) {
    background: #f0f0f0;
}

/* 
================================================================================
About section
================================================================================
*/

#about-section {
    background: #f0f0f0;
}

.about-content {
	text-align: center;
    padding-block: 4rem;
}

#about-section .section-title {
	margin-bottom: 3.2rem;
}