@import url(reset.css);
*, *:before, *:after {
 box-sizing: border-box;
}
img {
 max-width: 100%;
}
body, html {
 font-family: "Verdana";
 font-size: 13pt;
 line-height: 1.1em;
 display: flex;
 flex-direction: column;
 flex: auto;
 min-height: 100%;
 min-width: 360px;
 margin: 0px;
 padding: 0px;
}
div.content{
 max-width: 1450px;
 margin: 0 auto;
}
header{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
}
nav.menu{
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
 padding: 0 0.5em;
}
nav.hamburger {
 display: none;
}
div.menu{
 width: 170px;
 height: 48px;
 margin: 1em 0.2em;
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background: #ff7800;
 display: flex;
 justify-content: center;
 align-items: center;
}
div.menu a{
 color: #000000;
 -webkit-transform: skew(20deg);
 -moz-transform: skew(20deg);
 -o-transform: skew(20deg);
 display: block;
 text-decoration: none;
}
div.page{
 min-height: 100vh;
}
div.bkg1{
 background-image: url(../images/bkg_o_firmie.jpg);
 background-size: auto;
 border-bottom: 1px solid #354995;
 background-attachment: fixed;
 background-position: center bottom;
}
div.bkg2{
 background-image: url(../images/bkg_referencje.jpg);
 background-size: auto;
 background-attachment: fixed;
 background-position: center bottom;
}
div.bkg3{
 background-color: #6e6e6d;
}
div.logoText{
 display: flex;
 flex-direction: row;
 justify-content: space-around;
}
div.text{
 width: 800px;
 height: 240px;
 margin: 1em 2em 0em 0.2em;
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background: #f1f1f1;
 display: flex;
 justify-content: center;
 align-items: center;
}
div.text > div{
 -webkit-transform: skew(20deg);
 -moz-transform: skew(20deg);
 -o-transform: skew(20deg);
 margin: 0 5%;
}
div.text > div p{
 margin: 1em 0;
}
div.h1 {
 width: 25em;
 height: 48px;
 padding: 1em;
 margin: 1em;
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background: #ff7800;
 display: inline-flex;
 justify-content: center;
 align-items: center;
}
h1 {
 -webkit-transform: skew(20deg);
 -moz-transform: skew(20deg);
 -o-transform: skew(20deg);
 color: #ffffff;
 font-weight: bold;
 white-space: nowrap;
}
div.zakres_prac {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: row;
 flex-wrap: wrap;
}
div.zakres_prac > figure {
 width: 280px;
 height: 200px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 flex-direction: column;
}
div.zakres_prac > figure > img {
 max-width: 124px;
 max-height: 124px;
}
div.zakres_prac > figure > figcaption {
 text-align: center;
 font-size: 0.7em;
 font-weight: bold;
 font-style: italic;
}
div.referencje {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
}
div.referencje > div.referencja {
 width: 100%;
 max-width: 40em;
 margin-left: 1em;
}
div.referencja > div:first-of-type {
 font-weight: bold;
 margin-left: 1em;
 text-indent: -1em;
}
div.referencja > div:first-of-type::before {
 content: "\2588";
 color: #0000ff;
 position: relative;
 bottom: 0.1em;
}
div.referencja > div:last-of-type {
 margin: 1em;
}
div.center{
 display: flex;
 justify-content: center;
}
div.proc50{
 min-height: 50vh;
}
iframe {
 width: 100%;
 height: 40vh;
}
footer {
 color: #eeeeee;
 background-color: #6e6e6d;
 text-align: right;
 font-size: 0.7em;
 padding: 0.3em;
}
footer > a {
 text-decoration: none;
 color: #eeeeee;
}
div.form_wrapper {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 flex-direction: row;
 max-width: 40em;
 margin: 0 auto;
}
div.form_wrapper > div {
 padding: 1em 2em 0 2em;
}
div.sbmt {
 display: flex;
 justify-content: center;
 align-items: center;
}
div.sbmt > input[type=submit] {
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background-color: #ffffff;
 margin: 0.5em 0;
 width: 8em;
 height: 2em;
}
#form_errors {
 text-align: center;
 color: #ffffff;
}
div.logo_adres {
 color: #ffffff;
 text-align: right;
}
div.logo_adres > p {
 line-height: 1.8em;
 padding: 1em 0;
 font-weight: bold;
}
div.form_pr {
 display: flex;
 flex-direction: column;
 width: 330px;
}
div.form_pr > div {
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background-color: #ffffff;
 margin: 0.5em 0;
}
div.form_pr > div > input[type=text], div.form_pr > div > input[type=email] {
 border: none;
 -webkit-transform: skew(20deg);
 -moz-transform: skew(20deg);
 -o-transform: skew(20deg);
 margin: 0.5em;
 width: 90%;
}
div.form_te {
 -webkit-transform: skew(-20deg);
 -moz-transform: skew(-20deg);
 -o-transform: skew(-20deg);
 background-color: #ffffff;
 margin: 0.5em 0;
 padding: 0 !important;
 width: 80%;
}
div.form_te > textarea {
 border: none;
 -webkit-transform: skew(20deg);
 -moz-transform: skew(20deg);
 -o-transform: skew(20deg);
 margin: 1.2em;
 width: 90%;
 height: 6em;
}