/*!
* Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/

body {
width: 100%;
height: 100%;
}

html {
width: 100%;
height: 100%;
}
a, h1, h2, h3,h4, h5, h6{

	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}

/*Slider*/


/*Wygląd przycisku w intro*/
.intro-section  .btn,
.btn:focus{
background: rgba(255,255,255, 0);
	border-color: #fff;
	font-family: 'Archivo Narrow', sans-serif;
color: #fff;
	font-size: 1.5em;
transition: all .5s ease-in-out;
}

.intro-section  .btn:active,
.btn:hover{
background: rgba(255,255,255, 1);
	border-color: #fff;
color: #C83237;
}

/*Tekst w intro*/
.intro-section p {
color: rgba(255,255,255, 0.8);
width:100%;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 6em;
}

/*kolor paska i czcionek*/
.navbar {
	
background:  rgba(255,255,255, 0.7);
	font-size: 23pt;
	font-family: 'Archivo Narrow', sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
}

.navbar-default .navbar-nav > li > a{
color: rgba(44,62,80, 0.9);
	font-size: 0.75em;
}
.nav, .navbar-nav  li {
	padding-left: 30px;
	padding-right: 30px;
}

/*wyśrodkowanie przycisków*/
.navbar .navbar-nav {
display: inline-block;
float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;

}

/*kolory przycisków przy najechaniu i kliknięciu*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #2C3E50;
	border-bottom: 2px solid #2C3E50;
background: transparent;
transition: all .5s ease-in-out;

}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
color: #2C3E50;
	border-bottom: 2px solid #2C3E50;
background: transparent;
transition: all .5s ease-in-out;
}

/*przycisk nawigacji*/
.navbar-default .navbar-toggle{
border: 0;
	background-color: #2C3E50;
	
}
.navbar-default .navbar-toggle:hover, 
.navbar-toggle:focus, 
.navbar-default .navbar-toggle:active{
	background-color: #3F4E5E;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color:  rgba(255,255,255, 1); 
}

/*Formatowanie sekcji O Nas*/
.about-section h3{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.5em;

	font-weight: 500;
}


.about-section .col-lg-6 p{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.5em;

	font-weight: 300;
}
.about-section .col-lg-6 h2{
	font-style: bolder;
	font-size: 2em;
	color: #C83237;
}
.about-section h1{
	font-size: 4em;
	color: #2c3e50;
	padding-bottom: 10%;
}

.about-section h4{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.5em;
	font-weight: 300;
}


.col-6-wew .img-responsive{
	margin: 0 auto;
}

.img-section h1{

	padding-left: 5%;
	padding-top: 20%;
}


/*Formatowanie sekcji usługi*/
.services-section h1{
	font-size: 4em;
	color: #2c3e50;
	padding-bottom: 10%;
}

.services-section .col-md-4{
	padding-bottom: 5%;

}

.services-section .col-md-4 h2{
	font-size: 1.5em;
	color: #C83237;

}

.services-section .col-md-4 p{
		font-family: 'Ubuntu', sans-serif;
}


/*Formatowanie sekcji Kontakt*/
.contact-section p{
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 2em;

}
.contact-section h2{
	font-size: 5em;
	padding-bottom: 10%;
}
.contact-section h3{
	font-size: 4em;
}

.contact-section h5{
	font-size: 1.5em;
	font-weight: 500;
}

.contact-section .col-lg-6 h3{
	padding-top: 20%;
}
/*mały ekran*/
@media(max-width:767px) {
	.navbar {
		padding-top: 18px;
		padding-bottom: 18px;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
		border-bottom: 0;
	}

	.top-nav-collapse {
		padding: 0;
	}
	
	.intro-section  .btn{
		font-size: 1em;
		font-style: bold;
	}
	
	.intro-section p{
		padding-top: 20px;
		font-size: 1.7em;
	}
	
	.intro-section{
		padding-top: 25%;
		padding-bottom: 35%;
	}

	.about-section h1{
		font-size: 2.9em;
	}
	
	.services-section h1{
		font-size: 2.9em;
	}
	
	.services-section h2{
		font-size: 2.9em;
	}
	
	.contact-section h2{
		font-size: 2.9em;
	}
	
	.contact-section h3{
	font-size: 2.5em;
	}
	
	.contact-section p{
		font-size: 1.5em;
	}
	
	.contact-section h5{
	font-size: 1.2em;
	}
}

@media(min-width:768px) {

	.intro-section p{
		font-size: 4em;	
	}
	
	.intro-section {
		padding-top: 15%;
		padding-bottom: 15%;
		box-shadow: 0 8px 6px -6px #999;
	}
	
	.about-section{
		padding-top: 5%;
	}
	
	.services-section{
		padding-top: 5%;
	}
	
	.contact-section{
		padding-top: 5%;
		padding-bottom: 5%;
	}
}


/*sekcje*/
.intro-section {
	background: #fff;
	background-image: url(../images/background2.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.img-responsive{
	margin: 0 auto;
}

.about-section {
	text-align: center;
	background: #f6f6f6;
	padding-top: 0;
	padding-bottom: 5%;
	margin: 0;
}

.services-section {
	padding-bottom: 5%;
	text-align: center;
	background: #f6f6f6;
}

.contact-section {
	text-align: center;
	background-color: #2c3e50;
	color: #fff;
}

.floating-label-form-group {
position: relative;
	margin-bottom: 0;
	padding-bottom: .5em;
	border-radius: 25px;
	background-color: #f6f6f6;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
	font-family: 'Ubuntu', sans-serif;
	z-index: 1;
position: relative;
	padding-right: 0;
	padding-left: 0;
border: 0;
	border-radius: 0;
	font-size: 1.5em;
background: #f6f6f6;
	box-shadow: none!important;
resize: none;
color: #233140;
}

.floating-label-form-group label {
display: block;
	z-index: 0;
position: relative;
top: 2em;
margin: 0;
	font-size: .85em;
	line-height: 1.764705882em;
	vertical-align: middle;
	vertical-align: baseline;
opacity: 0;
	-webkit-transition: top .3s ease,opacity .3s ease;
	-moz-transition: top .3s ease,opacity .3s ease;
	-ms-transition: top .3s ease,opacity .3s ease;
transition: top .3s ease,opacity .3s ease;

}

.floating-label-form-group::not(:first-child) {
	padding-left: 14px;
	border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
color: #233140;
}

.floating-label-form-group-with-focus label {
color: #C83237;
}

form .row .floating-label-form-group{
	margin-bottom: 5%;
}

.contact-section .row{
	margin-left: 5px;
	margin-right: 5px;
}

.form-group .btn{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
border: 0;
height: 45px;
width: 160px;
	background-color: #C83237;
	border-radius: 40px;
transition: all .3s ease-in-out;
}
.form-group > .btn:hover,
.btn:focus,
.btn:active,
.btn.active {
color: #fff;
	background-color: #C95256;
}

footer {
color: #fff;
	background-color: #2c3e50;
}
footer .footer-below {
padding: 25px 0;
	background-color: #233140;
}