.group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.group div {
	justify-content: center;
	align-items: center;
}

.group img {
	width: 50%;
}

.group .web {
	width: 100%;
	margin: auto;
}

.hr {
	border: 1px solid #000;
	width: 50%;
	margin: auto;
}



/*  Media Queries */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.group {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.group img {
		width: 100%;
		margin: auto;
	}

}

/* Small to medium devices (600-768) */
@media only screen and (min-width: 601px) and (max-width: 768px) {
	
}


/* Large to some extra large devices (769 - 1200) */
@media only screen and (min-width: 769px) and (max-width: 1200px) {

}