/* GLOBALS */

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #e5e5e5; 
}

h1, h2, h3, h4, h5, h6 { 
	text-transform: uppercase; 
	font-size: 2.4rem;
}
@media (max-width: 767px) {
  .row.reorder-xs {
    /*bring your own prefixes*/
    transform: rotate(180deg);
    direction: rtl; /* Fix the horizontal alignment */
  }

  .row.reorder-xs > [class*="col-"] {
    /*bring your own prefixes*/
    transform: rotate(-180deg);
    direction: ltr; /* Fix the horizontal alignment */
  }
}

/* HEADER */

header {
	margin-bottom: 40px;
}

header a, header a:hover {
	color: #000;
}

.header-list {
	list-style-type: square;
}
.header-list li{
	font-size: 1.7em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.header-list li::marker {
    color: #82c4e5;
	/*font-size: 1.5em;*/
}

.header-contact { line-height: 2em; }
.header-contact img { margin-right: 5px; }

@media (min-width: 768px) {
	header {
		background: url('../img/header.jpg') no-repeat;
		min-height:360px; 
		background-size:auto 100%;
		background-position: right top;
	}
}

.logo {
	margin-top: 20px; 
	max-width: 100%;
}

.service-section { margin: 70px 0; }
.service-section .row:not(.reorder-xs) img { margin-left: -15px; }
.service-section .row.reorder-xs .col-lg-5 { padding-right: 0; }


/* ABOUT US */ 
.o-firmie { margin-top: 60px; }
.audiomax24-screen {
	width:100%;
	display: block;
}

/* CONTACT SECTION */
.contact-section {
	margin-top: 140px;
}
.contact-section-header { text-align: center;}
.contact-section-header { margin-bottom: 40px; }
.contact-section-header h3 { margin-bottom: 0px; }
.contact-section input[type=text] {
	padding: 10px 20px;
	width: 100%; 
	border: 1px solid #000;
	background-color: #e5e5e5;
	margin-bottom: 20px;
}

.contact-section textarea {
	
	padding: 10px 20px;
	width: 100%; 
	border: 1px solid #000;
	background-color: #e5e5e5;
}

.contact-section input[type=submit] {
	padding: 10px 20px;
	margin-top:20px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	max-width: 240px;
	border: 1px solid #000;
	background-color: #e5e5e5;
	text-align:center;
	display:block;
}

/* CONTACT BOXES */

.contact-boxes {
	margin-top: 140px;
}

.contact-boxes .cbox {
	text-align: center;
}

/* MAPA */

.dojazd-mapa {
	width:100%;
	display: block;
}

/* FOOTER */

footer {
	text-align: center;
	background-color: #82c4e5;
	padding: 30px 10px;
	color: #000;
}

footer a, footer a:hover {
	color: #000;
}



.mail-message { position:fixed; width: 100%; bottom: 0; left: 0; padding: 10px; text-align: center; }
.mail-message.error { background-color: #980000; color: #fff; }
.mail-message.ok { background-color: #00980c; color: #fff;}