body{
    display: grid;
    place-content: center;
    min-height: 100vh;
    background-image: linear-gradient(
        30deg,
        #051937,
        #33275d,
        #6f2d78,
        #b12681,
        #f01a78
      );
}


section{
    background-color: #1c1938;
    border-radius: 0.5rem ;
    overflow: hidden
}

.office-image{
    background: url('https://img.nbc.com/sites/nbcunbc/files/scet/photos/22/1964/NUP_130416_0729.JPG') #a85cdd;
    height: 20rem;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-blend-mode: luminosity;
}

.card-content{
    color: white;
    text-align: center;
    padding: 2rem;
    font-family: 'Inter', sans-serif;
}

.insight{
   color: #a85cdd
}

.card-count{
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 700;
   
}

.card-count + p{
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-family: 'Lexend Deca', sans-serif;
    letter-spacing: 1.3px;
    color: rgb(255 255 255 / 60%)
}

.card-info{
    font-family: 'Lexend Deca', sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: rgb(255 255 255 / 65%)
}

.card-content > h2 {
    margin-top: 0;
}

.card-social-media > div{
    /* background: plum */
}

@media (min-width: 390px) {
    .card-social-media{
        display: flex;
        justify-content: space-between;
    }    
}

@media (min-width: 500px) {
   section{
       display: flex;
       flex-direction: row-reverse;
   }

   .card-content{
       text-align: left;
   }

   .card-social-media{
    margin-top: 2.6rem;
   }
}