.imgBar{
    height: 15rem;
}
.gradpic{
    height: 16rem;
    width: 12rem;
}

.comment{
    color: #00850b;
}

.mainContent{
    flex-direction: row;
}

.fill1{
    flex: 1;
}

.fill2{
    flex: 0.25;
}

.EduContainer{
    flex-direction: row;
}

.EdImg{
    height: 12rem;
}

/*For Tablets and Desktop*/
/*@media only screen and (min-width: 600px) {
    .mainContent{flex-direction: row;}
    .fill1{flex: 1;}
    .fill2{flex: 0.25;}
}*/

/*For phones*/
@media only screen and (max-width: 480px) {
    .mainContent{flex-direction: column; font-size: 12px;}
    .fill1{flex: 0;}
    .fill2{flex: 0;}
    .imgBar{height: 10rem;}
    .gradpic{height: 12rem; width: 9rem;}
    .EduContainer{flex-direction: column;}
}