/* Mockups */
.mockups-img {
	display: grid;
	grid-template-columns: repeat(3, 3fr);
	grid-gap: 20px;
}

.mockups-dMob-img {
	width: 100%;
}

.mockups-tab-img, .mockups-mob-img {
	width: 100%;
}


/* Responsive Website */
#paper img {
	width: 50%;
}



/*  Media Queries */

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

	.mockups-img img {
		width: 70%;
		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) {

}