#wrapper {
position: relative;
xmargin: auto;
xwidth:100%;
xheight:75%;
xpadding: 1px;
xborder: 3px solid red;
}

.col1 {
    position: relative;
    left:0px;
    width: 100%;
    height: 200%;
    xborder: 3px solid red;
}

.col2 {
    position: absolute;
    top: 0px;
    xleft:40%;
    width: 40%;
    height:200%;
    xborder: 3px solid red;
    margin-bottom: 30px;
    z-index: 99;
}

.com-list {
        column-count: 1;
}

/*.col1 a,
.col2 a {
font-family: Oswald, Helvetica, sans-serif;
}*/

.col1 a:link,
.col2 a:link {
color: #006699; 
text-decoration:none; 
}

.col1 a:visited,
.col2 a:visited {
color: #006699; 
text-decoration:none;
}


@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
.col2 {left:250px;}
}

@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
.col2 {left:350px;}
}

@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
.col2 {left:450px;}
}
	
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .col2 {
        left:450px;
    }
    .com-list {
            column-count: 2;
    }
}



@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
.col2 {left:650px;}
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ 
.col2 {left:750px;}
}