@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
html, body{
		margin:0 auto;
		padding:0;
		height:100%;
		width:100%;
		background-color:#FCF7F1;
}
* {
		box-sizing: border-box;
}
#top{
		width:100%;
		height:auto;
}
#logoTop {
		height:auto;
		width:100%;
		margin:0;
		padding:0;
}
#logoTop img{
		margin:auto;
		max-width:100%;
		max-height:100%;
		display:block;
		background-size:cover;
}
#mid{
		width:1200px;
		height:auto;
		margin:0 auto;
}
#contentMid{
		margin:0 auto;	
		height:auto;
		text-align:center;
}
#contentMid h1{
		font-family:'Amatic SC', serif;
		font-weight:regular;
		font-size:7.5em;
		margin:0;
		color:#897162;
		cursor: default;
		font-weight:300;	
}
#contentMid span{
		color:#ef4d67;
}
#contentMid h3{
		font-family: 'Noto Serif', serif;
		font-size:1.2rem;
		font-weight:300;
		color:#707070;
		cursor:default;
		margin-top:1em;
		margin-left:8em;
		margin-right:8em;
		margin-bottom:2em;
}
#Video{
		margin:auto;
}
#contentMid h4{
		font-family:'Amatic SC', serif;
		font-size:4.2em;
		color:#ef4d67;
		margin-top:1em;
		margin-right:3em;
		margin-bottom:0.4em;
		margin-left:3em;
}
#contentMid #drugiPodNaslov{
		color:#99b662;
}
#contentMid p{
		font-family: 'Noto Serif', serif;
		font-size:1em;
		color:#707070;
		text-align:justify;
		margin-top:0;
		margin-right:10em;
		margin-bottom:2em;
		margin-left:10em;
		cursor: default;
}

}
#contentMid #verifikovan{
		text-align:center;
		font-size:1.2rem;
		color:#595959;
		font-weight:600;
}
#bottom{
		width:100%;
		height:auto;	
}

#infoBottom{
		margin:2em;
		text-align:center;
}
#infoBottom table{
		width:100%;
		height:auto;
}
#infoBottom table tr th{
		text-align:center;
}
#infoBottom table tr th img{
		max-width:100%;
		max-height:100%;
}
#infoBottom table tr td{
		width:50%;
		height:1.5em;
		font-family:'Amatic SC', serif;
		font-size:2.6em;
		font-weight:600;
}
#infoBottom #ponuda img{
		max-height:100%;
		max-width:100%;
}
#infoBottom #ponude{
		font-family: 'Noto Serif', serif;
		font-size:1.8em;
		font-weight:300;
}	
#podvrste{
		font-size: 0.7em;
		padding-left:0.5em;
}
#ponude img{
		max-height:50%;
		max-width:50%;
		padding-right:0.4em;
}
#infoBottom #linija1{
		padding-top:2em;
}
#infoBottom #linija2{
		padding-bottom:2em;
}
#infoBottom p{
		font-family: 'Noto Serif', serif;
		font-size:1.3em;
		text-align:center;
		color:#595959;
		margin-top:2em;
	
}
#infoBottom #adresa{
		font-family:'Amatic SC', serif;
		font-size:3.4em;
		color:#897162;
		margin-top:1em;
		margin-bottom:0;
}
#infoBottom #mail{
		font-family:'Amatic SC', serif;
		font-size:2.8em;
		color:#897162;
		font-weight:600;
		text-align:center;
		margin-top:1em;
}
#mail img{
		max-height:100%;
		max-width:100%;
		margin:auto;
		padding-right:0.1em;
}
#infoBottom #telefoni{
		width:100%;
		height:auto;
}
#infoBottom #telefoni{
		text-align:center;
}
#infoBottom #telefoni img{
		max-width:100%;
		max-height:100%;
}
#infoBottom #telefoni tr td{
		width:50%;
		font-family:'Amatic SC', serif;
		font-size:2.6em;
		font-weight:600;
		height:1.5em;
}
#infoBottom #br1{
		padding-right:0.3em;
		color:#897162;
		text-align:right;
}
#infoBottom #br2{
		padding-left:0.3em;
		color:#ef4d67;
		text-align:left;
}
#infoBottom #br3{
		padding-right:0.3em;
		color:#99b662;
		text-align:right;
}
#infoBottom #br4{
		padding-left:0.3em;
		color:#ffb630;
		text-align:left;
}
#infoBottom #footer{
		font-family:'Amatic SC', serif;
		font-size:3.2em;
		font-weight:600;
		color:#897162;
		margin-top:1.5em;
		line-height:0.5em;
}
#infoBottom #footer img{
		max-height:100%;
		max-width:100%;	
}
/************VIEW************/
@media screen and (max-width: 240px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:1.3em;
		}
		#contentMid h3{
			font-size:0.6em;
			margin:0.7em;
		}
		#Video{
			width:165px;
			height:94px;
		}
		#contentMid h4{
			font-size:1.4em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.5em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.6em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:70%;
			max-width:70%;
		}
		#infoBottom #ponude {
			font-size:0.7em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.6em;
		}
		#infoBottom #adresa{
			font-size:1.5em;
		}
		#infoBottom #mail{
			font-size:1.2em;	
		}
		#infoBottom #mail img{
			max-height:10%;
			max-width:10%;
		}
		#infoBottom table tr th img{
			max-width:60%;
			max-height:60%;
		}
		#infoBottom #telefoni tr th img{
			max-width:60%;
			max-height:60%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.4em;
			width:100%;
			float:left;		
		}
		#infoBottom #br1{
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:50%;
			max-width:50%;
		}
}
@media screen and (min-width: 240px) and (max-width: 290px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:1.6em;
		}
		#contentMid h3{
			font-size:0.6em;
			margin:0.7em;
		}
		#Video{
			width:200px;
			height:115px;
		}
		#contentMid h4{
			font-size:1.7em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.55em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.66em;
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:70%;
			max-width:70%;
		}
		#infoBottom #ponude {
			font-size:0.8em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.66em;
		}
		#infoBottom #adresa{
			font-size:1.6em;
		}
		#infoBottom #mail{
			font-size:1.28em;	
		}
		#infoBottom #mail img{
			max-height:9%;
			max-width:9%;
		}
		#infoBottom table tr th img{
			max-width:60%;
			max-height:60%;
		}
		#infoBottom #telefoni tr th img{
			max-width:60%;
			max-height:60%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.6em;
			width:100%;
			float:left;	
		}
		#infoBottom #br1{
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:50%;
			max-width:50%;
		}
}
@media screen and (min-width: 290px) and (max-width: 330px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:2em;
		}
		#contentMid h3{
			font-size:0.7em;
			margin:1em;
		}
		#Video{
			width:240px;
			height:135px;
		}
		#contentMid h4{
			font-size:1.9em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.58em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.72em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:70%;
			max-width:70%;
		}
		#infoBottom #ponude {
			font-size:0.8em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
	
		}
		#infoBottom #linija2{
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.7em;
		}
		#infoBottom #adresa{
			font-size:1.75em;
		}
		#infoBottom #mail{
			font-size:1.45em;	
		}
		#infoBottom #mail img{
			max-height:9%;
			max-width:9%;
		}
		#infoBottom table tr th img{
			max-width:70%;
			max-height:70%;
		}
		#infoBottom #telefoni tr th img{
			max-width:70%;
			max-height:70%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.8em;
			width:100%;
			float:left;			
		}
		#infoBottom #br1{	
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:40%;
			max-width:40%;	
		}
}
@media screen and (min-width: 330px) and (max-width: 370px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:2.25em;
		}
		#contentMid h3{
			font-size:0.7em;
			margin:1em;
		}
		#Video{
			width:265px;
			height:149px;
		}
		#contentMid h4{
			font-size:2em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.65em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.72em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:75%;
			max-width:75%;
		}
		#infoBottom #ponude {
			font-size:1em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.74em;
		}
		#infoBottom #adresa{
			font-size:1.84em;
		}
		#infoBottom #mail{
			font-size:1.52em;	
		}
		#infoBottom #mail img{
			max-height:8%;
			max-width:8%;
		}
		#infoBottom table tr th img{
			max-width:70%;
			max-height:70%;
		}
		#infoBottom #telefoni tr th img{
			max-width:70%;
			max-height:70%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.8em;
			width:100%;
			float:left;		
		}
		#infoBottom #br1{		
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:40%;
			max-width:40%;		
		}
}
@media screen and (min-width: 370px) and (max-width: 420px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:2.6em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			width:300px;
			height:170px;
		}
		#contentMid h4{
			font-size:2.1em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.64em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.74em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:70%;
			max-width:70%;
		}
		#infoBottom #ponude {
			font-size:0.9em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.72em;
		}
		#infoBottom #adresa{
			font-size:1.9em;
		}
		#infoBottom #mail{
			font-size:1.7em;	
		}
		#infoBottom #mail img{
			max-height:8%;
			max-width:8%;
		}
		#infoBottom table tr th img{
			max-width:70%;
			max-height:70%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.97em;
			width:100%;
			float:left;			
		}
		#infoBottom #br1{		
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:60%;
			max-width:60%;		
		}
}
@media screen and (min-width: 420px) and (max-width: 470px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:2.85em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:340px;
			height:192px;
		}
		#contentMid h4{
			font-size:2.1em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.64em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.74em;	
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:70%;
			max-width:70%;
		}
		#infoBottom #ponude {
			font-size:0.9em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.72em;
		}
		#infoBottom #adresa{
			font-size:1.9em;
		}
		#infoBottom #mail{
			font-size:1.7em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom table tr th img{
			max-width:40%;
			max-height:40%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.97em;
			width:100%;
			float:left;			
		}
		#infoBottom #br1{		
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:30%;
			max-width:30%;		
		}
}
@media screen and (min-width: 470px) and (max-width: 520px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:3.2em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:340px;
			height:192px;
		}
		#contentMid h4{
			font-size:2.1em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.72em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.74em;	
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:80%;
			max-width:80%;
		}
		#infoBottom #ponude {
			font-size:1em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{		
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.8em;
		}
		#infoBottom #adresa{
			font-size:2.2em;
		}
		#infoBottom #mail{
			font-size:1.7em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom table tr th img{
			max-width:40%;
			max-height:40%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.97em;
			width:100%;
			float:left;			
		}
		#infoBottom #br1{			
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.5em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;	
		}
}
@media screen and (min-width: 520px) and (max-width: 570px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:3.4em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:400px;
			height:225px;
		}
		#contentMid h4{
			font-size:2.1em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.72em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.8em;	
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:80%;
			max-width:80%;
		}
		#infoBottom #ponude {
			font-size:1em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{		
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.8em;
		}
		#infoBottom #adresa{
			font-size:2.2em;
		}
		#infoBottom #mail{
			font-size:1.85em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom table tr th img{
			max-width:40%;
			max-height:40%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.97em;
			width:100%;
			float:left;			
		}
		#infoBottom #br1{		
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:2.8em;
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;		
		}
}
@media screen and (min-width: 570px) and (max-width: 620px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:3.9em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:500px;
			height:282px;
		}
		#contentMid h4{
			font-size:2.5em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.72em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.8em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:80%;
			max-width:80%;
		}
		#infoBottom #ponude {
			font-size:1em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.8em;
		}
		#infoBottom #adresa{
			font-size:2.2em;
		}
		#infoBottom #mail{
			font-size:1.9em;	
		}
		#infoBottom #mail img{
			max-height:6%;
			max-width:6%;
		}
		#infoBottom table tr th img{
			max-width:40%;
			max-height:40%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			font-size:1.97em;
			width:100%;
			float:left;		
		}
		#infoBottom #br1{		
			text-align:center;
		}
		#infoBottom #br2{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #br3{
			text-align:center;
		}
		#infoBottom #br4{
			padding-right:0.5em;
			text-align:center;
		}
		#infoBottom #footer{
			font-size:3em;				
			margin-top:0.5em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;	
		}
}
@media screen and (min-width: 620px) and (max-width: 670px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:4.2em;
		}
		#contentMid h3{
			font-size:0.78em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:500px;
			height:282px;
		}
		#contentMid h4{
			font-size:2.9em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.72em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.8em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:90%;
			max-width:90%;
		}
		#infoBottom #ponude {
			font-size:1.15em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{		
			max-width:100%;	
		}
		#infoBottom p{
			font-size:0.91em;
		}
		#infoBottom #adresa{
			font-size:2.7em;
		}
		#infoBottom #mail{
			font-size:2.1em;	
		}
		#infoBottom #mail img{
			max-height:6%;
			max-width:6%;
		}
		#infoBottom table tr th img{
			max-width:40%;
			max-height:40%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.4em;
			height:1.5em;
		}
		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #footer{
			font-size:3em;			
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;	
		}
}
@media screen and (min-width: 670px) and (max-width: 730px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:4.7em;
		}
		#contentMid h3{
			font-size:0.89em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:560px;
			height:315px;
		}
		#contentMid h4{
			font-size:2.9em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.8em;
			margin:2.5em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.9em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #ponude {
			font-size:1.23em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{
			max-width:100%;	
		}
		#infoBottom p{
			font-size:1em;
		}
		#infoBottom #adresa{
			font-size:3em;
		}
		#infoBottom #mail{
			font-size:2.4em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.4em;
			height:1.5em;
		}
		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #footer{
			font-size:3em;			
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;		
		}
}
@media screen and (min-width: 730px) and (max-width: 800px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:4.7em;
		}
		#contentMid h3{
			font-size:0.89em;
			margin:1em;
		}
		#Video{
			margin-top:1em;
			width:560px;
			height:315px;
		}
		#contentMid h4{
			font-size:3.2em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.8em;
			margin:4em;
			margin-top:0;
		}
		#contentMid #verifikovan{
			font-size:0.9em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #ponude {
			font-size:1.23em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{		
			max-width:100%;	
		}
		#infoBottom p{
			font-size:1em;
		}
		#infoBottom #adresa{
			font-size:3em;
		}
		#infoBottom #mail{
			font-size:2.4em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.4em;
			height:1.5em;
		}
		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
				padding-left:0.3em;
				text-align:left;
		}
		#infoBottom #footer{
			font-size:3em;				
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;		
		}
}
@media screen and (min-width: 800px) and (max-width: 940px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:5.5em;
		}
		#contentMid h3{
			font-size:0.89em;
			margin-top:0.5em;
			margin-right:5em;
			margin-bottom:0.5em;
			margin-left:5em;
		}
		#Video{
			margin-top:1em;
			width:640px;
			height:363px;
		}
		#contentMid h4{
			font-size:3.2em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.8em;
			margin-top:0;
			margin-right:5em;
			margin-bottom:2em;
			margin-left:5em;
		}
		#contentMid #verifikovan{
			font-size:0.9em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #ponude {
			font-size:1.23em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:1em;
		}
		#infoBottom #adresa{
			font-size:3em;
		}
		#infoBottom #mail{
			font-size:2.4em;	
		}
		#infoBottom #mail img{
			max-height:7%;
			max-width:7%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.4em;
			height:1.5em;
		}
		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #footer{
			font-size:3em;				
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:27%;
			max-width:27%;		
		}
}
@media screen and (min-width: 940px) and (max-width: 1024px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:5.5em;
		}
		#contentMid h3{
			font-size:0.92em;
			margin-top:0.5em;
			margin-right:7em;
			margin-bottom:0.5em;
			margin-left:7em;
		}
		#Video{
			margin-top:1em;
			width:720px;
			height:405px;
		}
		#contentMid h4{
			font-size:3.6em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:0.85em;
			margin-top:0;
			margin-right:5em;
			margin-bottom:2em;
			margin-left:5em;
		}
		#contentMid #verifikovan{
			font-size:0.99em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;	
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #ponude {
			font-size:1.4em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;
		}
		#infoBottom #linija2{	
			max-width:100%;	
		}
		#infoBottom p{
			font-size:1.1em;
		}
		#infoBottom #adresa{
			font-size:3.4em;
		}
		#infoBottom #mail{
			font-size:2.6em;	
		}
		#infoBottom #mail img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.5em;
			height:1.5em;
		}
		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #footer{
			font-size:3.2em;				
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:100%;
			max-width:100%;	
		}
}
@media screen and (min-width: 1024px) and (max-width: 1150px) {
		#mid{
			max-width:100%;
		}
		#contentMid h1 {
			font-size:6.2em;
		}
		#contentMid h3{
			font-size:1em;
			margin-top:0.5em;
			margin-right:8em;
			margin-bottom:0.5em;
			margin-left:8em;
		}
		#Video{
			margin-top:1em;
			width:850px;
			height:480px;
		}
		#contentMid h4{
			font-size:3.9em;
			margin:0.4em;
		}
		#contentMid p{
			font-size:1em;
			margin-top:0;
			margin-right:7em;
			margin-bottom:2em;
			margin-left:7em;
		}
		#contentMid #verifikovan{
			font-size:1.2em;		
		}
		#infoBottom{
			margin:0;
		}
		#infoBottom table{
			width:100%;		
		}
		#infoBottom #ponuda{
			margin:0.1em;
		}
		#infoBottom #ponuda img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #ponude {
			font-size:1.5em;			
		}
		#infoBottom #ponude img{
			max-height:50%;
			max-width:50%;
		}
		#infoBottom #linija1{
			max-width:100%;	
		}
		#infoBottom #linija2{		
			max-width:100%;	
		}
		#infoBottom p{
			font-size:1.3em;
		}
		#infoBottom #adresa{
			font-size:3.4em;
		}
		#infoBottom #mail{
			font-size:2.8em;	
		}
		#infoBottom #mail img{
			max-height:100%;
			max-width:100%;
		}
		#infoBottom #telefoni tr th img{
			max-width:100%;
			max-height:100%;
		}
		#infoBottom #telefoni tr td{
			width:50%;
			font-size:2.6em;
			height:1.5em;
		}

		#infoBottom #br1{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br2{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #br3{
			padding-right:0.3em;
			text-align:right;
		}
		#infoBottom #br4{
			padding-left:0.3em;
			text-align:left;
		}
		#infoBottom #footer{
			font-size:3.2em;				
			margin-top:1em;
			line-height:0.6em;		
		}
		#infoBottom #footer img{
			max-height:100%;
			max-width:100%;		
		}
}