/* Need to turn this into an actual profiles component at some point, need to build additional viewpoints for wide pages */

.profiles-component {
    display: flex;
    flex-flow: wrap;
}
.profile-container {
    flex: 0 1 30%;
    padding: 1.5%;
}

.profiles-component.two-columns .profile-container {
    flex: 0 1 40%;
    padding: 2%;
}

@media (max-width: 40em){
    .profile-container {
        flex: 1 1 47%;
        padding: 1.5%;
    }
}


/* Reduce the H1 text size and line-height for long titles */
.hero-sublanding__heading {
    font-size: 400% !important;
    line-height: 1.2 !important;
}

/* Add padding to the left column nav */
.sidebar-item {
    padding: 10px 10px 10px 0;
}