.ref2__upper {
	margin-top: 30px;
}

.ref2__name {
	font-size: 14px;
     text-transform: uppercase;
     color: #000 !important;
}

.ref2__link {
	font-weight: 600;
	color: #212121;
	margin-bottom: 10px;
}

.ref2__link a,
.ref2__link a:hover,
.ref2__link a:focus {
     color: #000 !important;
}

.ref2__tagovi {
	font-size: 15px;
	font-weight: 300;
}

.ref2__btns {
	margin-top: 20px;
}

.ref2 a.btn {
	font-size: 12px;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.ref2__btn-1 {
	background: #212121;
	color: #fff;
	text-transform: uppercase;
}

a.btn.btn-primary.ref2__btn-2 {
	font-size: 13px;
	padding: 4px 15px;
	padding-top: 7px;
	font-size: 12px;
	line-height: 30px;
}

a.btn.btn-primary.ref2__btn-2:after {
	content: "\f08e";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 11px;
	margin-left: 5px;
}

.ref2__btn-1:hover,
.ref2__btn-1:focus {
	background: #323232;
	color: #fff;
}

.ref2--primarni-graficki-dizajn .ref2__name {
	font-weight: 600;
	color: #212121;
}

.ref2--primarni-graficki-dizajn .ref2__btn-1 {
	background-color: #0097b2;
}

.ref2--primarni-graficki-dizajn .ref2__btn-1:hover, .ref2--primarni-graficki-dizajn .ref2__btn-1:focus {
	border-color: #008ea8;
	background-color: #00c2e5;
}

@media screen and (min-width: 992px) {
	.ref2 {
		display: flex;
		background-image: url('../img/ref2_pozadina.jpg');
		background-position: right top;
		background-repeat: no-repeat;
		margin-bottom: 60px !important;
	}

	.ref2__img {
		overflow: hidden;
		margin-top: 40px;
		flex: 3;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .25);
	}

	.ref2 img {
		max-width: 550px;
		max-height: 410px;
	}

	.ref2__desno {
		flex: 2;
		padding-left: 35px;
		padding-right: 50px;
		position: relative;
	}

	.ref2__name {
		font-size: 16px;
	}

	.ref2__link {
		font-size: 22px;
	}

	.ref2__upper {
		margin-top: 80px;
		margin-bottom: 60px;
	}

	.ref2__btns {
		position: absolute;
		bottom: 70px;
	}
	.ref2--primarni-graficki-dizajn .ref2__name {
		font-size: 22px;
	}
}


@media screen and (min-width: 768px) {
     
}