@font-face {
    font-family:'Futura Md BT';
    src: url('FuturaBT-Medium.eot');
    src: url('FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('FuturaBT-Medium.woff2') format('woff2'),
        url('FuturaBT-Medium.woff') format('woff'),
        url('FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


body {
   height: auto;
  font-family:'Futura Md BT'; 
  background-image: url("kafeserviss.jpg");
  background-repeat: no-repeat;
  
  background-size: cover;
  
}

.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: left;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}
span {
	color: #93d0d0;

}


@media only screen and (max-width : 480px){

.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: right;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}
}

@media only screen and (max-width:768px) {
	

.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: right;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}
}

@media only screen and (min-width:768px) {
		
.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: right;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}

}

@media only screen and (max-width:1024px) {
	
.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: right;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}

}
@media only screen and (min-width:px) {
	
.kafeservis {
	width: 100%;
	height: 90%;
	display: block;
	position: relative;
	float: left;
}
.adres {
	width: 50%;
	height: 10%;
	float: left;
	position: relative;
	color: #fff;
	text-align: right;
}
.telefon {
	width: 50%;
	height: 10%;
	float: right;
	position: relative;
	color: #fff;
	text-align: center;;
}
}