@import 'https://fonts.googleapis.com/css?family=Open+Sans';

* {
    font-family: 'Open Sans', sans-serif;
}

/*
.navbar-nav a {
    color: red;
}



*/

.jumbotron > .container > h1 {
    color:blue;
}

.callout_aboutus {
    background-image: url("../img/aboutus.jpg");
    background-size: cover;
/*    background-color: #d93223;*/
/*    padding: 3em 0 3em 0;*/
    padding-top: 8em;
    padding-bottom: 8em;
    color: #fff;
}

.callout_services {
    background-image: url("../img/services.jpg");
    background-size: cover;
/*    background-color: #d93223;*/
/*    padding: 3em 0 3em 0;*/
    padding-top: 8em;
    padding-bottom: 8em;
    color: #fff;
}

.callout_gallery {
    background-image: url("../img/gallery.jpg");
    background-size: cover;
/*    background-color: #d93223;*/
/*    padding: 3em 0 3em 0;*/
    padding-top: 3em;
    padding-bottom: 3em;
    color: #fff;
}

.callout {
        background-image: url("../img/textures/wood2.jpg");

/*    background-color: #d93223;*/
    
    padding-top: 3em;
    padding-bottom: 3em;
    color: #fff;
}

.uppercase {
    text-transform: uppercase;
}

h4 {
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 2em;
    
}

.img-responsive {
    margin: 0 auto;
}

.content {
    font-size: 1em;
    color:black;
    line-height: 2em;
}


.navbar-nav > li > a { padding: 25px }

@media (max-width: 990px) {
    .navbar-nav > li > a {
padding:25px 10px 25px 10px;
    }
}
@media (max-width: 768px) {
    .navbar-nav > li > a {
padding:18px;

    }
}


.image-loco {

    background-image: url(../img/HeroImage1.jpg), url(../img/HeroImage2.jpg), url(../img/HeroImage3.jpg);
    
/*
    animation-name: example;
    animation-duration: 10s;
    animation-iteration-count: infinite;
*/
    
}

/*
@keyframes example {
    0%   {background-image: url(../img/HeroImage1.jpg); opacity: 1;}
    90%   {background-image: url(../img/HeroImage1.jpg); opacity: 1;}
    100%  {background-image: url(../img/HeroImage1.jpg); opacity: 0;}
        
}

*/

.btn {
    margin-top: 1em;
    padding:1em;
    font-size: 1em;
}

.padding {
    padding: 50px;
}

.naglowek {
    background-color: #d93223;
    height: 6em;
    display: flex;
  align-items: center;
  justify-content: center;
      font-size: 2em;
    color: white; font-weight: 600; font-size: 2em;
    
}
.label_inside {
/*
    position:relative;
    margin: 0;
    top:50%;
    left: 50%;
*/
/*
    width:100%;
    height: 100%;
*/
    background-color: black;
    
    vertical-align: middle;
}

.jeden {
    
    background-image: url("../img/photos/bathroom_01.jpg");
    background-size: cover;

}

.obrazek {
    display: flex;
    align-items: center;
  justify-content: center;
        height: 50vh;     
    padding:0px;


}




.nakladka {
    
    display: flex;
     align-items: center;
  justify-content: center;
    background-color: black;
}

a.tytul, a.tytul:visited {
    display:flex;
    padding:0;
    align-items: center;
  justify-content: center;
    width:100%;
    height:100%;

    color:white;
     font-weight: 600; font-size: 2em;  text-shadow: 2px 2px 7px rgba(0,0,0,0.7);
    text-decoration: none;
}

a.tytul:hover, a.tytul:active {
    display:flex;
    padding:0;
    align-items: center;
  justify-content: center;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.35);
    color:rgba(255,255,255,1);
     font-weight: 600; font-size: 2em;  text-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    text-decoration: none;
    transition: all .3s ease-in-out;

}




.slide1, .slide2, .slide3 {
	min-height: 600px; /* Must have a height or min-height set due to use of background images */
	background-size: cover;
	background-position: center center;
}
.slide1 {
	background-image: url(../img/HeroImage1.jpg);
}
.slide2 {
	background-image: url(../img/HeroImage2.jpg);
}
.slide3 {
	background-image: url(../img/HeroImage3.jpg);
}
/* Carousel Fade Effect */
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.6s ease-in;
	-moz-transition: opacity 0.6s ease-in;
	-ms-transition: opacity 0.6s ease-in;
	-o-transition: opacity 0.6s ease-in;
	transition: opacity 0.6s ease-in;
	opacity: .5;
}
.carousel.carousel-fade .active.item {
	opacity: 1;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
/* Carousel Overlay */
.carousel-overlay {
	position: absolute;
    top: 0px;
    min-height: 600px;
	right: 0;
	left: 0;
/*    background-color: aqua;*/
    display:flex;
    padding:0;
    align-items: center;
  justify-content: center;
    padding:100px;

}

.carousel {
    position:relative;
}