.container {
    background-image: linear-gradient(to right, #ded9d1, #e9e1de, #f1ebeb, #f7f5f7, #ffffff);
}

span.textPrimary {
    color: #f5ae40;
    font-weight: 900;
}

#what .whatContent {
    max-width: 61rem;
    margin: 0 auto;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#what .whatContentText {
    flex: 1; 
    margin-right: 1rem;
}

#what .whatContentText h2 {
   padding: 0 0.2rem 0.3rem 0;
   font-size: 2.5rem;
}

#what .whatContentImg {
    flex: 1; 
    background: url('./img/photo-1567493756992-e2b6227cddc0.webp') no-repeat center center/cover;
    position: relative;
}

#what .whatContentImg::after {
    display: block;
    content: '';
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 0;
    background: rgba(218, 193, 124, 0.3);
}

#what .whatContentImg p {
    position: absolute;
    top: 0; left: 1rem;
    color: #fafafa;
}

#what .whatContentImg p.icon-home::before {
    display: inline-block;
    font-weight: normal;
    font-family: "fontello";
    content: '\e80b';
}

/* #what .whatContentImg p:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f6e3';
    font-weight: 900;
} */