/* RESPONSIVE - Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
	.header-main{
		height: 150px;
	}
	.site-title{
		font-size: 48px;
	}
	.contact-header{
		font-size: 30px;
	}
	.navigation{
		height: 80px;
		width: 100%;
	}
	.site-navigation ul{
		height: 80px;
		width: 100%;
	}
	.site-navigation li a{
		padding: 0 30px;
		height: 80px;
		line-height: 80px;
	}
	.slider{
		height: auto;
		margin: 2%;
		width: 96%;
	}
	.slides li{
		height: 450px;
		width: 100%;
	}
	#page{
		margin: 0;
		width: 100%;
	}
	#content .block{
		float: left;
		margin: 10px 2% 20px;
	}
	#content .block-1-2{
		width: 46%;
	}
	#content .block-1-3{
		width: 46%;
	}
	#content .block-2-3{
		width: 46%;
	}
	#content .block p{
		font-size: 14px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4{
		font-size: 26px;
		line-height: 26px;
	}
	#page-content h2,
	#page-content h3,
	#page-content h4{
		font-size: 24px;
		line-height: 24px;
	}
	#content p{
		font-size: 14px;
	}
	#page-content .poza{
		height: 170px;
		width: 250px;
	}
	#page-content .poza-usa{
		height: 230px;
		width: 150px;
	}
	.contact .map{
		height: 480px;
		width: 260px;
	}
	#form label{
		width: 100%;
	}
	#form input{
		width: 100%; 
	}
	#form textarea{
		width: 100%; 
	}
	#form .button{
		margin: 20px 20% 0;
		width: 60%;
	}
}

/* RESPONSIVE - Landscape phone to portrait tablet */
@media (max-width: 767px){
	.header-main{
		height: 150px;
	}
	.site-title{
		font-size: 48px;
	}
	.contact-header{
		font-size: 30px;
	}
	.navigation{
		height: 80px;
		width: 100%;
	}
	.site-navigation ul{
		height: 80px;
		width: 100%;
	}
	.site-navigation li a{
		padding: 0 30px;
		height: 80px;
		line-height: 80px;
	}
	.slider{
		height: auto;
		margin: 2%;
		width: 96%;
	}
	.slides li{
		height: 450px;
		width: 100%;
	}
	#page{
		margin: 0;
		width: 100%;
	}
	#content .block{
		float: left;
		margin: 10px 2% 20px;
	}
	#content .block-1-2{
		width: 96%;
	}
	#content .block-1-3{
		width: 96%;
	}
	#content .block-2-3{
		width: 96%;
	}
	#content .block p{
		font-size: 14px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4{
		font-size: 26px;
		line-height: 26px;
	}
	#page-content h2,
	#page-content h3,
	#page-content h4{
		font-size: 24px;
		line-height: 24px;
	}
	#content p{
		font-size: 14px;
	}
	#page-content .poza{
		height: 170px;
		width: 250px;
	}
	#page-content .poza-usa{
		height: 230px;
		width: 150px;
	}
	.contact .map{
		height: 480px;
		width: 260px;
	}
	#form label{
		width: 100%;
	}
	#form input{
		width: 100%; 
	}
	#form textarea{
		width: 100%; 
	}
	#form .button{
		margin: 20px 20% 0;
		width: 60%;
	}
}

/* RESPONSIVE - Phones and down */
@media (max-width: 480px){
	.header-main{
		height: 125px;
	}
	.site-title{
		font-size: 40px;
		margin: 20px 0 5px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.contact-header{
		display: block;
		font-size: 25px;
		margin: 5px 0 10px;
		text-align: center;
		width: 100%;
	}
	.contact-header i{
		font-size: 27px;
	}
	.navigation{
		height: 80px;
		width: 100%;
	}
	.site-navigation ul{
		height: 80px;
		width: 100%;
	}
	.site-navigation li{
		display: block;
		margin: 0;
	}
	.site-navigation li a{
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		display: block;
		width: 100%;
	}
	.slider{
		display: none;
	}
	#page{
		margin: 0;
		width: 100%;
	}
	#content .block{
		float: left;
		margin: 10px 2% 20px;
	}
	#content .block-1-2{
		width: 96%;
	}
	#content .block-1-3{
		width: 96%;
	}
	#content .block-2-3{
		width: 96%;
	}
	#content .block p{
		font-size: 14px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4{
		font-size: 26px;
		line-height: 26px;
	}
	#page-content h2,
	#page-content h3,
	#page-content h4{
		font-size: 24px;
		line-height: 24px;
	}
	#content p{
		font-size: 14px;
	}
	#page-content .poza{
		height: 170px;
		width: 250px;
	}
	#page-content .poza-usa{
		height: 230px;
		width: 150px;
	}
	.contact .map{
		height: 480px;
		width: 260px;
	}
	#form label{
		width: 100%;
	}
	#form input{
		width: 100%; 
	}
	#form textarea{
		width: 100%; 
	}
	#form .button{
		margin: 20px 20% 0;
		width: 60%;
	}
}