/**********************************************************
    Page styling
 *********************************************************/
nav ul label.sub-menu-arrow {
    top: calc(18.7em + 2.55em);
}

main section.hero div.hero-img.profile {
    background: url('../img/success.png'); /* [interchangeable image] */
    background-size: cover;
    background-position: top;
}

main section.services.profile {
    grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
}

main section.services.profile article.profile-card {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    
}

main section.services.profile article.profile-card h4 {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

main section.services.profile article.profile-card ul {
    padding-right: 2.5em;
    list-style-type: none;
}

main section.services.profile article.profile-card li {
    
    padding: 0.5em 0.2em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

main section.services.profile article.profile-card li:nth-child(even) {
    margin-top: 0.8em;
    margin-bottom: 0.8em
}

/*-----------------------------------------------------------------------------------------------------------------------------*/

/**********************************************************
    Screen format depending styling
 *********************************************************/
@media only screen and (min-width: 920px) {
    
    main section.hero .hero-img.profile {
        background-size: 55em;
    }

    main section.services {
        width: calc(100% - 7em);
    }
}

@media only screen and (min-width: 1200px) {
    
    main section.hero .hero-img.profile {
        background-size: 60em;
    }
}