.parent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding: 1%;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
/*
.div3 { grid-area: 3 / 1 / 4 / 2; }
.div4 { grid-area: 4 / 1 / 5 / 2; } */

.div1 p, .div1 li, .div2 p, .div2 li {
    line-height: 1.5em;
}

/* font sizes */
.smallfonts {
    font-size: 0.8em;
}

/* bordered frame */
.contact {
    border: 1px solid #000;
    background-color: #FAFAFA;
    padding: 2%;
}


/* floats */

.clearboth {
    clear: both;
}