.main {
	display: flex;
	flex-direction: row;
	margin-left: 10em;
}

.column {
	width: 50%;
	color: #C7C18F;
	margin: 2em;
	text-align: justify;
}

.first.column{
	margin-right: 0em;
}

.second{
	
}

@media (max-width:575px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .main{
		flex-direction: column-reverse;
		 margin-left: 20px;
	}

	.column{
		width: 80%;
	}


	.first.column{
		margin-top: 0em;
	}
}