.columns-2 {
  column-count: 2;
}







/*
https://ru.hexlet.io/courses/css-content/lessons/columns/theory_unit
*/




/*
https://www.w3schools.com/howto/howto_css_two_columns.asp
*/
.row-column {
	max-width: 500px;
#	background-color: #ff00aa;
	margin: 0 auto;
	font-weight: 600;
	letter-spacing: 1px; /* интервал между символами */
}

/* Clear floats after the columns */
.row-column:after {
  content: "";
  display: table;
  clear: both;
}


.column {
    width: 100%;  
	padding: 0 4em;
}


 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 576px) {
.column {
	float: left;
	width: 50%;
	padding: 0 1em; 

}  
  
}