/*------------------------------------------------------------------
	+ Screenshots
-------------------------------------------------------------------*/
#screenshots {
	padding: 100px 0;
	background-image: url("../img/screenshots_bg.jpg");
	-webkit-background-position:calc(50% + 10px) center;
	background-position: calc(50% + 10px) center;
	-webkit-background-repeat:no-repeat;
	background-repeat:no-repeat;

	@media screen and (min-width: 992px) and (max-width: 1199px) {
		-webkit-background-position: calc(50% - 15px) center;
		background-position: calc(50% - 15px) center;
	}

	@media screen and (max-width: 991px) {
		background-image: none;
	}

	h3 {

		@media screen and (min-width: 992px) {
			margin-bottom: 0;
		}	
	}

	.screen {
		h5,
		p {
			margin-bottom: 30px;
		}

		.image {
			text-align: center;

			img {
				max-width: 100%;
				height: auto;
			}
		}
	}
}