body {
	background-image: url('http://www.manus.rs/1/img/boards2.jpg');
	background-position:center;
	background-repeat:no-repeat;

}

html,body {
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}

@font-face {
  font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

}

.auto-style1 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');
	color: #7E3036;
	font-size: 86px;
	margin: 0;
	padding: 0;
	line-height: 110%;
	text-align: center;
}

.auto-style2 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

	color: #FFFFFF;
	font-size: 86px;
	line-height: 95%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.auto-style3 {
	color: #FFFFFF;
}
a {
	color: #FFEEB9;
}
a:hover {
	color: #FFEEB9;
}



.sredina {
	text-align:center;
	margin-bottom: 10px;
	vertical-align:middle;
}

.slika {
	height:auto;
	width:50%;
	max-width: 250px;
}

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

	.container {
		height: 100%;
	}
	.slika {
	height:auto;
	width:50%;
	max-width: 250px;
	}

	.menu {
		display:table;
		height: 100%;
		margin: 0 auto;
	}
	
	.auto-style1 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');
	color: #7E3036;
	font-size: 66px;
	margin: 0;
	padding: 0;
	line-height: 110%;
	text-align: center;
}

.auto-style2 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

	color: #FFFFFF;
	font-size: 66px;
	line-height: 95%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.auto-style3 {
	color: #FFFFFF;
}


	.kolona {
		display: table-cell;
		vertical-align: middle;
		padding: 1em;
	}
}

@media only screen and (min-width: 640px) {

		.container {
		height: 100%;
	}
	.slika {
	height:auto;
	width:50%;
	max-width: 250px;
	}

		.auto-style1 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');
	color: #7E3036;
	font-size: 56px;
	margin: 0;
	padding: 0;
	line-height: 110%;
	text-align: center;
}

.auto-style2 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');
	color: #FFFFFF;
	font-size: 56px;
	line-height: 95%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.auto-style3 {
	color: #FFFFFF;
}
}

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

	
		.container {
		height: 100%;
	}
	.slika {
	height:auto;
	width:50%;
	max-width: 250px;
	}
	
		

		.auto-style1 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

	color: #7E3036;
	font-size: 56px;
	margin: 0;
	padding: 0;
	line-height: 95%;
	text-align: center;
}

.auto-style2 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

	color: #FFFFFF;
	font-size: 56px;
	line-height: 95%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.auto-style3 {
	color: #FFFFFF;
}
}


@media only screen and (min-width: 920px) {

	.container {
		height: 100%;
	}

	.menu {
		display:table;
		height: 100%;
		margin: 0 auto;
	}
	
			.auto-style1 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype')format('opentype');
	color: #7E3036;
	font-size: 86px;
	margin: 0;
	padding: 0;
	line-height: 110%;
	text-align: center;
	text-decoration: none;
}

.auto-style2 {
	display: block;
	font-family: 'Cortina';
  src: url('http://www.manus.rs/biljke/fonts/CORTINA.OTF') format('opentype');

	color: #FFFFFF;
	font-size: 86px;
	line-height: 95%;
	text-align: center;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.auto-style3 {
	color: #FFFFFF;
	text-decoration: none;
}

.slika {
	height:auto;
	width:100%;	
}



	.kolona {
		display: table-cell;
		vertical-align: middle;
		padding: 1em;
	}
	
	
		
	
}