/* Tablet (600–1023px) */
body{font-size:16px;padding:15px}

/* nav inline */
nav ul li{display:inline-block;margin-right:20px}

/* two columns for projects (no flex) */
.projects .card,
.projects article{display:inline-block;width:48%;margin:1%;vertical-align:top}

/* contact: two columns */
.contact-card .col{width:48%}
.contact-card .col.left{padding-right:2%}
.contact-card .col.right{padding-left:2%}