.s-card-grid {

display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;

}

.s-card {

display: flex;
flex-direction: column;
max-width: 100%;
width: 48vh;
background-color: white;
box-shadow: 2px 2px 20px #bdc3c7;
border-radius: 3px;
padding: 0;
margin: 0.5rem;
-webkit-transition: 0.3s ease-in-out !important;
-webkit-transition-transition: 0.2s ease-in-out !important;

}

.s-blog-card {

display: flex;
flex-direction: column;
max-width: 100%;
width: 700px;
background-color: white;
border-radius: 1px;
padding: 0;
margin: 0.5rem;
-webkit-transition: 0.3s ease-in-out !important;
-webkit-transition-transition: 0.2s ease-in-out !important;

}

.s-card:hover {

box-shadow: 4px 4px 20px #c3c3c3;

}

.s-card-content {

padding: 20px;

}

img {

max-width: 100%;
width: 48vh;
height: 30vh;
border-radius: 3px 3px 0 0;
margin: 0;

}

.s-card-title {

font-family: 'Noto Sans';
font-size: 1.3rem !important;
margin: 0;

}

.s-card-text {

margin: 0;
font-family: 'Noto Sans';
font-size: 12px;

}

.s-profile-card {

width: 48vh;
min-height: 45vh;
display: flex;
flex-direction: column;
border-radius: 10px;
margin: 15px;
padding: 0;
box-shadow: 2px 2px 20px #bdc3c7;
-webkit-transition: 0.3s ease-in-out !important;
-webkit-transition-transition: 0.2s ease-in-out !important;

}

.s-profile-card:hover {

box-shadow: 4px 4px 20px #c3c3c3;

}

.s-profile-card-container {

display: flex;
justify-content: center;
width: 48vh;
flex-direction: column;

}

.s-profile-background {

width: 48vh;
min-height: 22vh;
background-size: cover;
border-radius: 10px 10px 0 0;

}

.s-profile-picture {

margin-top: -70px;
display: flex;
justify-content: center;

}

.s-profile-image {

width: 20vh;
height: 20vh;
border-radius: 100%;
background-color: white;
border: 3px solid white;

}

.s-profile-media {

background-color: white;
border-radius: 10px;

}

.s-profile-content {

display: flex;
flex-direction: column;
padding: 20px;
font-family: 'Montserrat';
justify-content: center;
text-align: center;
margin-top: -10px;
background-color: white;
z-index: -1;
border-radius: 0 0 10px 10px;
font-family: 'Montserrat';

}

.s-profile-title {

padding: 0;
margin: 0;
font-weight: 300;
font-size: 1.5rem;

}

.s-profile-text {

padding: 0;
font-size: 0.75rem;
margin: 0.5em;

}

.s-profile-links {

letter-spacing: 3px;

}

.fa-instagram {

color: #E44D55;

}

.fa-linkedin {

color: #0076B4;

}

.fa-twitter {

color: #1DA1F4;

}