.project img{
    margin-top: 30px;
    width:46%;
    margin-left:51%;
}

.c {
    color: white;
}
.project-left-block{
    position: absolute;
    margin-top: -57%;
    font-family: Source Sans Pro, Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
    font-weight: normal;
    color: #333398;
    margin-left: 3%;
    width: 44%;
    background-color: white;
    opacity: .8;
    box-shadow: 2px 5px 5px #95989A;
    padding: 1%;
}

.claimcenter{
    margin-top: -28%;
}

.upjohn{
    margin-top: -71.7%;
}

.ustaboys{
    margin-top: -85.3%;
}

.epg{
    margin-top: -48.8%;
}
.leaffrey{
    margin-top: -39.4%;
}

.vacation{
    margin-top: -23%;
}

.card {
    border: 4px solid black;
    box-shadow: 2px 4px 6px black;
}

#projects {
    color: aqua;
}

@media (max-width: 800px){
    .project-left-block{
        font-size:60%;

        margin-left: 1%;
    }

}
@media (max-width: 1000px) {
    .project-left-block{
        margin-top: -47%;
        width: 52%;
    }
    .project img{
        width:38%;
        margin-left:60%;
    }
    .upjohn{
        margin-top: -58.6%;
    }

    .ustaboys{
        margin-top: -70.3%;
    }

    .leaffrey{
        margin-top: -31%;
    }

}

@media (max-width: 600px){
    .project-left-block{
        margin-top: 2%;
        width:90%;
        margin-left:5%;
        position: relative;
    }
    .project img{
        margin-top: 6%;
        width:90%;
        margin-left:5%;
    }

}