.site-header__logo-mark {
  height: 60px;
}
.site-header__wrapper{
      background-color:rgba(26, 57, 82, 1.0);

}

.content__container{
    display:flex;
    flex-direction:column;
    align-items: center;
    gap:10px;
    padding-top:150px;
}
.campaign__container{
    display:grid;
    gap:40px;
    grid-template-columns: repeat(4, 1fr);
    padding:50px;

}
.campaign__img{
    width:100%;
    border:1px solid darkslategray;
    background-color: #434343;
}
.campaign__title{
    font-size: 20px;
    color:var(--color--fas-blue);
    margin:0px;
    min-height:20px;
    font-family: "StabilGrotesk-Bold";
}
.campaign__item{
    box-sizing: border-box;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #C7D1DA;
}

.campaign__info{
    display: flex;
    flex-direction: column;
    padding: 20px 5px;
    text-align: center;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    gap:10px;
}
.campaign__date{
    justify-self: flex-end;
    font-family: "StabilGrotesk-Regular";
    font-size: 15px;
    margin:0;
}

.usecase__text{
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width:83%;
    font-family: 'StabilGrotesk-regular';
    color:#6b6b6d;
    margin:10px;
    
}

.usecase__title{
    color:var(--color--fas-blue);
    font-family: 'StabilGrotesk-bold';
    margin:10px;
}
.campaign__info:nth-child(1){
    color: orange;
} 
.campaign__soc{
    display:flex;
    flex-direction: row;
    width:100%;
    gap:20px;
    justify-content: center;
}
.campaign__link{
    width:30px; 
    border-radius: 50%;
    color:white;
}

.campaign__link--insta{
}
.campaign__link--link{
}
.campaign__link--down{
}

@media(max-width: 1200px) {
    .campaign__container{
        grid-template-columns: repeat(3, 1fr);
    }

}
@media(max-width: 900px) {
    .campaign__container{
        grid-template-columns: repeat(2, 1fr);
    }

}
@media(max-width: 650px) {
    .campaign__container{
        display:flex;
        flex-direction: column;
    }
    .campaign__link{
        width:40px;
        
    }
    .campaign__soc{
        gap:30px;
    }

}