.projectbox {
    border: 0px;
    margin-bottom: 30px;
    padding: 0;
    display: block;
}
.projectbox p {
    clear:left;
}
.projectbox .projecttags div {
    display: inline-block;
    border: 1px solid #eee;
    color: #eee;
    border-radius: 4px;
    padding: 2px 6px;
    font-size:0.8em;
    margin-bottom:4px;
}
.projectbox .primaryaction {
    float:right;
    font-weight:bold;
    text-decoration: none;
    color:#FFC809;
}
.projectbox .primaryaction:hover {
    text-decoration: underline;
}

.projectbox .imageholder {
    flex: 1;
    height: 300px;
    overflow: hidden;
}
.projectbox .imageholder-inner {
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    transition: transform .6s;
}
.projectbox .textholder {
    padding: 20px;
    flex: 1;
}

.projectbox:hover .imageholder-inner {
    transform: scale(1.1) rotate(3deg);
}

@media (min-width: 600px) {
    .projectbox {
        display: flex;
    }

    .projectbox:nth-child(odd) .imageholder {
        order: 2;
    }
    .projectbox:nth-child(odd) .textholder {
        order: 1;
    }
}