/* CSS Desktop Version*/


.container {
	display: flex;
	flex-wrap: wrap; /* Allow columns to wrap on smaller screens */
	justify-content: center;
	margin: 20px;
}
/* Style for 40% width column */
.column-40 {
  flex: 0 0 calc(40% - 0px); /* Column 1 takes 40% of the space */
  padding: 30px; 
  box-sizing: border-box; /* Consider padding and border within the defined width */
  overflow: hidden;
  text-align: center;
}

/* Style for 50% width column */
.column-50 {
  flex: 0 0 calc(50% - 0px); /* Column 2 takes 50% of the space */
  padding: 20px;
  
  box-sizing: border-box; /* Consider padding and border within the defined width */
}


/* Style for 60% width column */
.column-60 {
  flex: 0 0 calc(60% - 0px); /* Column 2 takes 60% of the space */
  padding: 20px;
  text-align: center;
  box-sizing: border-box; /* Consider padding and border within the defined width */
}

/* Style for 100% width column */
.column-100 {
  flex: 0 0 calc(100% - 0px); /* Column takes 100% of the space */
  padding: 20px;
  box-sizing: border-box; /* Consider padding and border within the defined width */
}