.two-column *, .two-column *:before, .two-column *:after{webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.row{
    margin-left: auto;
    margin-right: auto;
}	
.two-column {display:flex}
.one-column {
    display: flex;
}
.two-column .left {
    width: 69%;
    min-height: 1px;
    padding: 20px 20px 20px 0;
}
.two-column .right {width:31%;       min-height: 1px;    padding: 20px 0px 20px 20px;}
	
	.row:before, .row:after, .left:before, .left:after, .right:after,.before:after {
    display: table;
    content: " ";
}

.two-column .left h3 {
    margin-bottom: 30px;
}
.two-column.small-left .left {width: 20%}
.two-column.small-left .right {width: 75%}

.md.two-column.small-left .right {    width: 80%; }
.two-column.left-right .left,  .two-column.left-right .right
{width:50%}
.two-column.left-right div *, .two-column.left-right h4 {
    font-size: 14px;
    margin: 1em 0;
    line-height: 1;
    padding: 0;
}
@media only screen and (max-width: 769px)
{
.two-column {
    display: flex;
    flex-flow: column;
}
	
}