#columngrid {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

 /*   overflow-x: hidden;
    overflow-y: hidden;
*/




}

#columngrid1 {
	 background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAFUlEQVQYV2P8////fwY0wAgCw10CABx0KAs6LxsOAAAAAElFTkSuQmCC   ) repeat;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;


}

/*#columngrid2 {
	background-color: green;
	border: 5px solid red;
	
    width: calc(49.5vw);
    height: 100%;

    display: block;
    float: right;


}*/

/*#columngrid1-1 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}

#columngrid1-2 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}

#columngrid1-3 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}*/

/*
#columngrid2 {
	background-color: green;
	border: 10px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


}

#columngrid2-1 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}

#columngrid2-2 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}

#columngrid2-3 {
	background-color: green;
	border: 3px solid red;
	padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    width: calc(100% / 3);
    height: 100%;


}

*/