@media (min-width: 980px) and (max-width: 1199px) {
}

@media (max-width: 979px) {
	body { font-size:0.85em; }
	header div, nav ul, .wrapper, .roller-outer, section.working .wrapper, section.certified .wrapper, section.certified.alone .wrapper { width:750px; }
	section.contact .wrapper { padding:1em 0; }
	section.contact .inner div { width:calc(33.3333% - 2em); margin-left:2em; }
	section.list .wrapper { padding-left:1em; padding-right:1em; }
	section.list .cnt { width:calc(33.3333% - 2em); margin-left:2em; margin-bottom:2em; }
	footer div.row div {  width:calc(33.3333% - 2em); margin-left:2em; }
	div.photo { width:35em; height:25em; }
	div.perex { width:23.82353em; height:25em; margin-left:35em; }
	div.init { font-size:1.2em; }
	.building { width:28.41176471em; height:25.66224em; }
	section.certified .roller-inner { margin-left:-2em; }
	.certif { margin-left:2em; width:18.2745098em; height:25.21882em; }
	.certif img { width:100%; height:100%; }
	section.projects .wrapper { padding-left:0; padding-right:0; }
	.project { width:calc(50% - 3em); }
}

@media (max-width: 792px) {
	header { background-position:60% 0; background-image:url(../img/header-small.jpg); }
	nav { display:none; }
	.mobile-nav { display:block; top:1em; left:auto; right:1em; }
	.mobile-nav.open { left:auto; right:-5px; }
	.mobile-nav.open a.open-menu { top:-16px; left:-16px; right:auto; }
	header div { width:auto; margin:0 1em; }
	section.contact .inner, .wrapper, .roller-outer, section.working .wrapper, section.certified .wrapper, section.certified.alone .wrapper { width:auto; padding-left:1em; padding-right:1em; }
	section.working .roller-outer, section.certified .roller-outer, footer .wrapper { padding:0; }
	section.contact a.phone { font-size:1.3em; margin-bottom:1em; }
	section.form .wrapper { padding-left:1em; padding-right:1em; }
	div.photo { display:none; }
	div.perex { width:auto; height:auto; margin-left:0; }
	div.init { font-size:1.65em; }
	.building { width:calc(50vw - 2em); height:auto; }
	.certif { width:calc(33.3333vw - 2em); height:auto; }
	footer div.row div {  width:calc(33.3333vw - 2em); margin-left:2em; }
	section.uvod h2, section.projects h2 { margin-left:0.5em; }
	section.uvod .inner { padding-left:1em; padding-right:1em; }
	section.projects .inner { padding-left:1em; }
	.project { width:calc(50% - 2.5em); }
	.project .photos a { height:3.5em; }
}

@media (max-width: 640px) {
	header { height:200px; background-size:auto 100%; }
	header div { height:200px; }
	header a.logo { width:120px; height:60px; background-size:contain; }
	header h1, header p.h1 { font-size:1.3em; }
	div.init { font-size:1.4em; }
	.perex p { font-size:1em; }
	section.contact .inner div { width:calc(50% - 2em); margin-bottom:0; }
	section.list .wrapper { padding-top:0; }
	section.form .wrapper { padding-top:1em; }
	section.list .cnt {  width:calc(50% - 2em); margin-bottom:1em; }
}

@media (max-width: 579px) {
	footer .wrapper { padding-left:1em; padding-right:1em; }
	footer div.row { margin:0; }
	footer div.row div {  width:50%; margin-left:0; margin-bottom:1em; }
	footer div.row div.last { margin:0 auto 1em auto; float:none; }
}

@media (max-width: 470px) {
	section.contact .inner div { width:calc(33.3333% - 2em); margin-left:2em; }
	section.main-nav li { width:25%; }
	section.main-nav a { font-size:1em; }
	section.main-nav a span { width:70px; height:70px; background-size:50%; }
	.project { width:calc(100% - 3em); height:auto; padding-bottom:1em; }
	section.certified.alone .roller-inner { margin-left:0; }
	section.certified.alone .certif { float:none; margin:0 auto 2em auto; }
	.mobile-nav.open { top:0; left:0; right:auto; width:100%; font-size:1.2em; border:none 0px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	.mobile-nav.open a.open-menu { display:none; }
	.mobile-nav li.last { margin-bottom:0.5em; }
	.mobile-nav li.close { display:block; }
}

@media (max-width: 420px) {
	section.contact .inner div { width:calc(100% - 2em); margin-bottom:0; }
	section.list .cnt {  width:calc(100% - 2em); margin-bottom:1em; }
	footer div.row div {  width:auto; float:none; margin-left:2em; margin-bottom:1em; }
}
