﻿
/************************************************************************************
bigger than 1
*************************************************************************************/
@media screen and (min-width:1680px){
body  {
	font-size:0.9em;
	line-height:1.6em;
}
#wrap {
	width:95%;
}
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width:980px) {
	body {
		margin:0;
	}
	#wrap {
		width:95%;
	}
	#nav {
		position: static;
	}
	#nav {
		margin:;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	#header {
		height: auto;
	}
	#header h1 {
		font-size:24px;
	}
	#header h2 {
		font-size:12px;
		letter-spacing:1px;
	}
/*----------------
nav*/
#nav, #main {
	width:70%;
	background:none
	position:static;
	margin-bottom:10px;
}
#menu_root ul {
	overflow:hidden;
	list-style:none;
	margin:0;
	background:none;
}
#menu_root li {
	margin:0;
	padding:0;
	background:#587500;
	border:1px solid #304001;
}

#menu_root li a {
	display:inline-block;
	position:relative;
}
#menu_root li a:hover {
	display:inline-block;
	position:relative;
}
#menu_root li :hover
{
	color:#000;
	background-color:#80a708;
}
#nav .menu {
	padding:0;
	background:none;
	height:auto;
}

#nav .menu-left {
	background:none;
}
#nav .menu-right {
	left:auto;
	background:none;
}
/*nav-----*/
}

/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width:480px) {
	
	/* премахваме стандартното оразмеряване на текста при iPhone */
	html {
		-webkit-text-size-adjust: none;
	}

	#nav a {
		font-size: 90%;
		padding: 10px 2px;
	}
}

#nav, article, h1, img { transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; }