@media screen and (max-width:92.5em){
	nav {
		white-space: nowrap;
		width:auto;
		text-align: left;
        float: none;                
	}
	.menuR {
		white-space: nowrap;
		width:auto;
		text-align: left;         
	}
}
@media screen and (max-width:86em){
	nav {
		float: right;                
	}
    .menuR {
		float: right;                
	}
        #menuH div {
		width:auto;
		left:0;
		padding-right: 1.5em;
	}
	.logo {
		margin-bottom: 2em;
		width:17.2em;
		text-align: left;
	}
	#menuH>span {
		width:8.7em;
		text-align: left;
		margin-left:3em; 
	}
	.page {
		padding-left:3em; padding-right:3em
	}
	.keyboard {
		margin-left:-3em; 
	}
	.pencils {
		margin-right:-3em
	}
	.fixLogo {
		margin-left:3em; 
	}
	#home {
		padding-left:1em; padding-right:1em
	}
	.page .pair{
		display: table; 
		width:100%;
		float: none
	}
	.clients {
		text-align: center;
	}
	.clients td{
		display: inline-block; margin-bottom:0.7em; margin-right:0.4em; line-height:7.6em
	}
	.clients tr{
		display: inline
	}
}

@media screen and (max-width:66.8em){
	nav {
		white-space: nowrap;
		width:auto;
		text-align: right;
		font-size: 90%;
	}
	.menuR {
		white-space: nowrap;
		width:auto;
		text-align: right;
	}
}
@media screen and (max-width:60.3em){
	#menuH div {
		font-size:90%;
		width:auto;
		padding-right: 0em;
		line-height: 24px;
	}
	#menuH div span {
		margin-left: 1.8em;
	}
	#menuH>span {
		margin:0.3em;
		margin-left:0.5em;
	}

	.logo {
		margin-bottom: 0em;		
	}
	.logo img{
		width:80%;		
	}
	.page header {
		padding-top: 0em;
		padding-bottom: 1em;
	}
	.page  {
		padding-top: 3em;
		min-height: 44em;
	}
	#home  {
		padding-top: 0em;
	}
	.pageBody {
		font-size:80%
	}
	.page article.right{
		width:100%;	
	}
	.page article.left{
		width:100%;	
	}
	.icon-arrow:before {
		border-radius:1.4em;	
		margin-left: 0em;
	}
	nav ul li {
		margin-left: 2.3em;
	}
	.cup {
		float:none;
		width:100%;
	}
	.cup img {
		width:350px;
	}
	.whatWeDo {
		float: none;
		width: 100%;
		text-align: center;
	}
	#home {
		text-align: center
	}
		
	
}


@media screen and (max-width: 58.6em){
	nav {
		white-space: normal;
		width:10em;
		text-align: left;
		float: none;
	}
	nav ul li {
		display: block;
		margin-left: 0em;
	}
	.menuR {
		white-space: normal;
		text-align: left;
	}
	.container{
		padding:3em 0em 3em 0em;
	}
}
@media screen and (max-width: 51.5em){
	.container div {
		float: none;
		margin: 2em 0em 2em 0em;
	}
	.container div span {
		float: none;		
	}
	.container{
		padding:1em 0em 1em 3em;
		display: block
	}
	.leftColumn{
		width:100%; float: none; 
	}
	.rightColumn{
		width:100%; float: none; clear: both 
	}	
	.keyboard{
		width:52%
	}	
	.mouse{
		margin-bottom: -1em;
	}
}

@media screen and (max-width: 48.75em){
	.footerAddress {
		float: none;
		text-align: center;
		width:100%;
	}
	.footerInfo {
		float: none;
		width:100%;
		text-align: center;
		padding-top:2em
	}
	.whatWeDo {
		width: auto;
		}
        .footerInfo span{
                margin-right:0;
         }
}

@media screen and (max-width: 43em){
	h2 {
		font-size: 2.5em;
	}
	
	.project {
		display: block;
		width:100%;
		text-align: center
	}
	.media img {
		max-width:100%;
	}
	.page .left {
		width: 100%;
		min-height: 20em;
	}
	.page .right {
		width: 100%;
		min-height: 20em;
	}
	.page{
		padding: 3em;
	}
}

@media screen and (max-width: 40em){
	h2 {
		font-size: 2.1em;
	}
	.page .left, .page .right {
		float: none;
		width:100%
	}
	.cup {
		
	}
	.cup img {
		width:350px;
	}
	.whatWeDo {
		float: none; 
		width: 100%;
	}
	
	
	.page header {
		padding-bottom: 0em;
	}
	#jakPracujeme ul{
		margin:0px; padding:0px
	}
	
}

@media screen and (max-width: 25em){
	.pageBody {
	font-size:60%
	}
	.page header {
	font-size:90%
	}
	.logo {
		width:15.5em;		
	}
	.page  {
		min-height: 36em;
	}
	footer div div:nth-child(2){
		white-space: normal;
	}
}