/*========================================================================
=== BASIC
==========================================================================*/
html {
	position:relative;
	min-height:100%;
}

body {
/* Margin bottom by footer height */
	color:#7b7778;
	font-family:Arial;
	margin-top: 20px;

}
.h-logo {
	margin-bottom: 20px;
}
	

/*========================================================================
=== HEADER
==========================================================================*/
.sidebar_logo {
	margin:-410px 0 0;
}

.sidebar_logo a img {
	padding:5px 0;
	
}

/*========================================================================
=== NAVIGATION
==========================================================================*/
.nav {
	float:right;
	margin:20px 0 0;
	padding-top:13px;
}

.nav ul {
}

.nav li {
	margin:0 15px;
	float:left;
	display:inline;
	border-bottom:1px solid #fff;
}

.nav li.active,.nav li:hover {
	border-bottom:1px solid #629e3a;
}

.nav li a {
	color:#7a7778;
	padding-bottom:19px;
	font-size:18px;
}

.nav li a:hover {
	background:#fff;
	color:#629e3a;
}

/*========================================================================
=== CONTENT
==========================================================================*/
h1 {
	font-weight:400;
	font-size: 22px;
	margin-bottom: 20px;
}

.text {
	font-size: 16px;
	padding-bottom:  20px;
	margin-top: 30px;
}

.well {
	max-width: 360px;
	max-height:100px;
	min-height:100px;
	margin-top: 20px;
	margin-left: 16px;
	border-radius: 0px;
}



/*========================================================================
=== FOOTER
==========================================================================*/
.footer {
	bottom:0;
	width:100%;
/* Set the fixed height of the footer here */
	min-height:100px;
	background-color:#d1da31;
s}

.kontakt {
	color:#fff;
	margin-top:25px;
}

.m a{
	color:#fff;

}

.logo_footer {
	margin-top:25px;
}

/*========================================================================
=== RESPONSIVE LAYOUT
==========================================================================*/
/*=======================iPhone==============================================*/

/*---------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
      
   

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

     
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  	.sidebar_logo {
		margin: 10px 0px 0px -15px;
	}
	
	.nav li a {
		 font-size: 10px;
		 padding: 0px 1px 8px 0px;
	}

   
      
}

/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      
     
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
	  .nav li a {
		 font-size: 14px;
	}



     
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) { 
	  
	  	.sidebar_logo {
		margin: 10px 0px 0px -15px;
	}
	
	.nav li a {
		 font-size: 12px;
		 padding: 0px 1px 8px 0px;

	}


      
      
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) { 
  
	  .sidebar_logo {
		margin: 10px 0px 0px -15px;
	}
	
      
     

}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (orientation: landscape) { 
	  sidebar_logo {
		margin: 10px 0px 0px -15px;
	}
      


     
      
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  								{ 
	  
	 .sidebar_logo{ 
		  margin: 10px 0px 0px -15px; 
		  }
		  
		  .nav li a {
		 font-size: 10px;
		 padding: 0px 1px 8px 0px;
	}

      
      

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
	  
      
   

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
      
    

}


/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {
	  
	 .sidebar_logo{
		 margin: 10px 0 0px -15px;
	 }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-width: 768px)
  and (max-width: 1024px) 
  and (orientation: landscape)  {
	  
	  .sidebar_logo{ 
		  margin: -310px 0px 0px 0px; 
		  }

}


/* ----------- Samsung S3 mini----------- */

/* Portrait */
@media only screen
    and (max-width: 320px)
    and (orientation : portrait){
	
	 .sidebar_logo{ 
		  margin: 10px 0px 0px -15px; 
		  }
		  
		  .nav li a {
		 font-size: 10px;
		 padding: 0px 1px 8px 0px;
	}

	
}

/* Landscape */
@media screen 
  and (min-width: 320px) 
  and (max-height: 640px) 
  and (orientation: landscape) {
	  
	  .sidebar_logo{
	  		margin: 10px 0px 0px -15px; 	
    }

}