@import url(https://fonts.googleapis.com/css?family=Exo+2:300,400,700);
@import url('https://fonts.googleapis.com/css?family=Merriweather');
.container {
    padding-right: 0;
    padding-left: 0;
}

/*.card {
    position: relative;
    width: 298px;
    height: 430px;
   
    box-shadow: 0 0 0px grey;
    
}

*/

.card2 {
    position: relative;
    width: 250px;
    height: 330px;
    margin: 30px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
   
    
    background-size: cover;
}


.card3 {
    position: relative;
    width: 250px;
    height: 380px;
    margin: 30px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
   
    
    background-size: cover;
}

.card4 {
    position: relative;
    width: 270px;
    height: 400px;
    margin: 30px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
   
    
    background-size: cover;
}


.card-header {
    position: relative;
    height: 218px;
    background-size: contain;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #fff;
  
   
}

.card-body {
    text-align: center;
    
}




.blockname {
    position: absolute;
    border: 0;
    bottom: 0px;
    margin: 0;
    font-size: 14px;
   
    text-align: center;
    padding: 10px 0;
    width: 100%;
    background: rgba(165, 28, 48, .99);
    background: #006c6e;
    color: #fefefe;
    font-family: 'Merriweather', serif;
    transform: perspective(500px) rotateX(0deg);
}

.job-title {
    font-size: 13px;
    font-weight: 300;
    margin-top: 1px;
   
}

.peopleblue {
    color: #223b3f;
}



.mysubject{
    font-family:'Merriweather',serif;
    font-size: 18px !important;
    color: #880e0e !important;
    font-weight: bold !important;
    padding-left: 24px !important;

}

.mydate{
    font-family:'Merriweather',serif;
    font-size: 14px;
    color: #880e0e;
    padding-left: 20px;

}