body,html {
	margin:15px;
	padding:0px;
	background:#fafafa;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:1.1em;
}
a {
	text-decoration:none;
	color:#000;
}
.footer a, .contact a {
	color:#FFF;
}

.preloader {
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	background:#f9f9f9;
	z-index:9;
	top:0px;
	left:0px;
}
.loader {
	display:block;
	text-align:center;
	position:fixed;
	color:#017cc2;
	width:100%;
	height:1em;
	top:calc(50% + 2em);
}

.blob {
    position: fixed;
    background: #017cc2;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-radius: 50%;
    margin: 10px;
    height: 20px;
    width: 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	
}
h1 {
	font-size:2.1em;
}


.container {
	box-shadow:0px 0px 6px 0px #000;
	background:#f9f9f9;
	width:80%;
	margin:0px 10%;
}
.w100 {
	padding:0px;
	margin:0px;
	width:100%;
}
.header {
	position:relative;
	background-image:url('gfx/header.jpg');
	background-position:center center;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	height:90vh;
	overflow:hidden;
}

.logo {
	position:absolute;
	background-image:url('gfx/mrowiectransport_logo.png');
	background-position:center center;
	background-size:50% auto;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	overflow:hidden;
}

.header:before, .xabout:before {
	content:"-";
	display:block;
	position:absolute;
	height:20%;
	width:100%;
	background:#f9f9f9;
	bottom:-19%;
	transform: skewY(6.2deg);
}
.header:after , .xabout:after {
	content:"-";
	display:block;
	position:absolute;
	height:20%;
	width:100%;
	background:#f9f9f9;
	bottom:-19%;
	transform: skewY(-6.2deg);
}


.about {
	min-height:20%;
	position:relative;
	padding:1.5em 0px;
	margin-top:-2.5em;
	overflow: hidden;
	z-index:1;
}

.left-side {
	float:left;
	width:calc(50% - 4em);
	padding-left:2em;
	padding-right:2em;
}
.left-footer {
	float:left;
	width:calc(50% - 1em);
	padding-left:0.5em;
	padding-right:0.5em;
	text-align:left;
}
.right-footer {
	float:right;
	width:calc(50% - 1em);
	padding-left:0.5em;
	padding-right:0.5em;
	text-align:right;
}
.one-side {
	width:calc(100% - 4em);
	padding-left:2em;
	padding-right:2em;
}

.xabout-header {
	background-image:url('gfx/about.png');
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
.right-side {
	float:right;
	width:calc(50% - 4em);
	padding-left:2em;
	padding-right:2em;
	margin-top:1em;
	
}

.offer-header {
	clear:both;
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-image:url('gfx/offer.jpg');
	margin-top:-2.5em;
	z-index:0;
}
.header2 {
	background-image:url('gfx/header2.jpg');
}

.offer {
	margin-top: -2.5em;
    z-index: 1;
    position: relative;
}

.skew-bottom {
	margin-top:10em;
	width:100%;
	margin-bottom: -5px;
}
.skew-bottom-reverse {
	width:100%;
	margin-bottom: -5px;
	margin-top:2.5em;
}

.skew-top {
	margin-top:0px;
	margin-bottom:5em;
	width:100%;
}
.skew-top-reverse {
	margin-top:0px;
	width:100%;
}

.list-download {
	display:block;
	padding:0px;
	margin:0px;
}
.list-download li {
	display:block;
	
	margin:0px;
	margin-left:1em;
	padding:0px;
	font-size:1em;
}

.list-download a {
	color:#000;
}
.list-download a:hover {
	text-decoration:underline;
}


.contact {
	color:#FFF;
	clear:both;
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-image:url('gfx/map.jpg');
	margin-top:-2.5em;
	overflow:hidden;
}

.footer {
    color: #FFF;
    text-align: center;
    clear: both;
    position: relative;
    background-position: left center;
    padding-bottom: 1em;
    background: #017cc2;
    overflow: auto;
}
.small-logo {
	width:6em;
	clear:both;
}

.text-right {
	text-align:right;
}



@media only screen and (max-width: 900px) {
  body {
    font-size:0.9em;
	margin:5px;
  }
  .container {
	width:100%;
	margin:0px 0px;
  }
  .header {
	  height:90vh;
	  background-size: cover;
	  background-position:top;
  }
  .one-side , .left-side, .right-side, .left-footer, .right-footer {
	width:calc(100% - 4em);
	float:none;
	padding-left:2em;
	padding-right:2em;
	margin-bottom:4em;
}
.left-footer, .right-footer {
	text-align:center;
	margin-bottom:0px;
	margin-top:1em;
}
.contact {
	background-position:35% center;
}

}
@media only screen and (max-width: 900px)  and (orientation: landscape) {
	.header {
	background-size: cover;
	}
}