* {
    box-sizing: border-box;
}

.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	/*border: 1px solid #E0E0E0;*/
/*	padding-left: 3%;
	padding-right: 3%;*/
	    /*padding: 0 4px;*/
}

/* Create four equal columns that sits next to each other */
.column-100 {
	-ms-flex: 100%; /* IE10 */
	flex: 100%;
	max-width: 100%;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: center;
	border-bottom: 1px solid #C6C9CC;
}
.column-50A {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	padding: 30px;
	text-align: right;
	/*border: 1px solid #000000;*/
}
.column-50B {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	padding: 30px;
	text-align: left;
	/*border: 1px solid #000000;*/
}
.newsColumn {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
	max-width: 25%;
	padding-right: 2%;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.column {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
	/*border: 1px solid #E0E0E0;*/
}

.newsColumn {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	margin-bottom: 4%;
}
}
@media screen and (max-width: 480px) {
.column-50A {
     -ms-flex: 100%;
     flex: 100%;
     max-width: 100%;
	 text-align: center;
}
.column-50B {
     -ms-flex: 100%;
     flex: 100%;
     max-width: 100%;
	 text-align: center;
}
.newsColumn {
	-ms-flex: 100%; /* IE10 */
	flex: 100%;
	max-width: 100%;
	padding-right: none;
}
}

.rowForm {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	/*border: 1px solid #000000;*/
/*	padding-left: 3%;
	padding-right: 3%;*/
	    /*padding: 0 4px;*/
}

/* Create four equal columns that sits next to each other */
.columnForm {
    -ms-flex: 48%; /* IE10 */
    flex: 48%;
    max-width: 48%;
	margin-right: 4%;
    padding: 0 2px;
	/*border: 1px solid #000000;*/
}
.columnForm100 {
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding: 0 2px;
	/*border: 1px solid #000000;*/
}



/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 640px) {
    .columnForm {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
		margin-right: 0px;
    }
}