.gray-box {
	margin-top: 17em;
}

.gray-box .row {
	margin-top: -15em;
}

.gray-box .row .lead{
	margin-top: 2em;
	font-size: 1.4em;
}

.gray-box .row .col-sm-3{
	padding-bottom: 8em;
}

.gray-box .row .button-circle-shadow {
	width: 90%;
	margin: auto;
	margin-bottom: 1.2em;
}

#button-prezentace {
	background-image: url('sluzba-placeholder-01.jpg');
}

#button-videoprohlidky {
	background-image: url('sluzba-placeholder-01.jpg');
}

#button-moderni-marketing {
	background-image: url('sluzba-placeholder-01.jpg');
}

#button-moderni-marketing strong {
	margin-top: -1.1em;
	line-height: 1.2em;
}

#button-3d-virtualni-prohlidky {
	background-image: url('sluzba-placeholder-01.jpg');
}

#button-3d-virtualni-prohlidky strong {
	margin-top: -1.1em;
	line-height: 1.2em;
}

.ar-col-inner {
	width: calc(95px * 5.4);
}

.ar-col.left .ar-col-inner {
	margin-left: calc(95px * 3.3);
}

.ar-col-inner p {
	margin-bottom: 2em;
}

#background-bottom .container {
	padding-top: 6em;
}

#background-bottom .container .handwritten {
	margin-bottom: 3em;
}

#background-bottom {
	background: url('background-bottom.jpg?ver=2') bottom no-repeat;
	background-size: 100vw;
	padding-bottom: 10em;
}

.ar-row {
	margin-top: 1em;
}

#first-row {
	margin-top: -5em;
}

@media(max-width: 1199px) {
	.ar-col-inner {
		width: calc(80px * 5.4);
	}

	.ar-col.left .ar-col-inner {
		margin-left: calc(80px * 3.3);
	}

	.gray-box {
		margin-top: 14em;
	}

	.gray-box .row {
		margin-top: -12em;
	}
}

@media(max-width: 991px) {
	.ar-col-inner {
		width: calc(60px * 5.4);
	}

	.ar-col.left .ar-col-inner {
		margin-left: calc(60px * 3.3);
	}

	.gray-box {
		margin-top: 10em;
	}

	.gray-box .row {
		margin-top: -9em;
	}

	.button-circle span{
		margin: 1em;
	}

	#background-bottom .container {
		padding-top: 5em;
	}

	#background-bottom .container .handwritten {
		margin-bottom: 2em;
	}

	#background-bottom {
		padding-bottom: 5em;
	}
}

@media(max-width: 767px) {
	.ar-col-inner {
		width: 100%;
	}

	.ar-col.left .ar-col-inner {
		margin-left: 0;
	}

	br.cleaner {
		display: none;
	}

	.ar-row {
		margin-top: 0;
	}

	.gray-box .row .col-sm-3:nth-child(2n+1){
		clear: left;
	}

	.gray-box .row .col-sm-3{
		padding-bottom: 4em;
	}

	#first-row {
		margin-top: 0;
	}
}

@media(max-width: 480px){
	.gray-box .row .button-circle-shadow {
		width: 60%;
	}

	.gray-box .row .col-sm-3{
		padding-bottom: 4em;
	}

	.gray-box .row .button-circle-shadow span strong{
		font-size: 5vw;
		margin-top: -0.7em !important;
	}
}