html{
    scroll-behavior: smooth;
}

h2, h3{
    font-family: 'Roboto Slab';
}
h3{
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

#nav .nav-link, .navbar-brand{
    color:white!important;    
}
#nav .nav-link:hover, .navbar-brand:hover{
    color:#0b96f3!important;    
}
#nav{
    background: black!important;
}

a, a:visited, a:hover,a.dropdown-item{
    color: #0b96f3;
}

body {
    text-align: center;
    font-family: 'Raleway';font-size: 14px;
    line-height: 1.7142857;
    background: url(../images/background.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #333333;
}
section :first-child>.row{
    min-height: 600px;
    height: auto;
}
[class^="col-md-"]{
    padding:0;
}

.text{
    background-color: #0b96f3;
    color: white;
    text-align: left;
    padding:30px;
}

.text button{
    position: absolute;
    bottom:30px;
    left: 30px;
    padding: 5px 15px;
    background-color: transparent;
    color: white;
    border: 1px #f0f0f0 solid;

}
.text button:hover{
    background: #075a91;
}

#continuum{
    background:#f0f0f0;
    padding: 0 80px;
    min-width: 80%!important;
}
.menucont{    
    padding: 0;
    margin: auto;
    width: 80%;
    max-width: 80%;

}


/* header */

.jumbotron {
	background-image: url("../images/art/banner.jpg");
    background-size: cover;
    background-position:center;
	min-height: 500px;
	margin: -80px 0;
	background-attachment: fixed;
}

/* services */

#services .text{
    min-height: 600px;
}


#services .service{
    background: white;
    padding: 0;
}


#services .upper{
    z-index: 6;
    /*position: absolute;*/
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    min-height: 300px;
}
#services .down{
    width: 100%;
    min-height: 300px;
}

#services .service>*{
    background-size: cover!important;
    background-position: bottom;
}

#kuchyn{
    background: greenyellow;
  }

#kuchyn .upper{
    height: 50%;
    background: white;
}
#kuchyn .down{
    background: url(../images/art/kuchyne22b.jpg);
}



#services .service h3{
    font-size: 1.3rem;
}

#schod .upper{
    background: white;
    background: url(../images/art/schody.jpg);
}
#schod .down{
    background: white;
    height: 50%;
}

#dvere{
    background: aqua;
}

#dvere .upper{
    height: 50%;
    background: white;
}

#dvere .down{
    background: url(../images/art/dvere.jpg);
}
#services .service .text, #services .service .text{
    color: black;
    background:white;
    height: 50%;
    min-height: 300px;
}
#skrin .upper{
    background:pink;
    background: url(../images/art/skrin.jpg);
}
#pergola .down{
    background: indigo;
    background: url(../images/art/pergola.jpg);
}
#interier .upper{
    background:brown;
    background: url(../images/art/interier.jpg);
}


/* about us */ 

#aboutus .text{

}
#aboutus .half, #projects .half{
    height: 50%;
    min-height: 150px;
}
#aboutus .art{
    background: url(../images/art/kuchyne22b.jpg) center;
    background-size: cover;
}
#aboutus .smart{
    background:url(../images/art/stul.jpg) center;
    background-size: cover;
}


/* reviews */
#reviews{
    color:white;
}
#reviews .container{
    background: #333333;
}
#reviews .row{
    height: unset;
    min-height:250px;
    padding:50px;
}

/*map*/

#map :first-child>.row{
    height: unset;
    min-height: unset;
}

#map .paragraph{
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    right: 100px;
    padding: 30px;
    position: absolute;
    top: 15%;
    height: 50px;
    width: 50px;
}

/*  projects */

section :first-child>.row{
    height: 600px;
}
#projects :first-child>.row{
    min-height: unset;
    /*height: 500px;*/
}

#projects .project>.text{
	color:black;
	background: white;
    text-align:center;
    padding-top: 55px;
	}
#projects .project button{
	color:#0b96f3;
	}
	
#projects .project button:hover{
	color:white;
	}
	
#projects .project:nth-child(2) .upper:first-child {
    background: greenyellow;
    background:url("../images/art/kuchyne22b.jpg");
    background-position:center;
  }
#projects .project:nth-child(3) .upper:first-child {
    background: pink;
    background:url("../images/art/skri1.jpg");
    background-position: 65% 90%;
}
#projects .project:nth-child(4) .upper:first-child {
    background: lightblue;
    background:url("../images/art/zabradli.jpg");
}


/* footer */

#footer{
    background:black;
    color:white;
    padding: 50px 0;
}

#footer ul{
    list-style-type: none;
    text-align: justify;
}

#footer :first-child>.row{
    min-height: unset;
    height: unset;
}
#footer .col-md-6:nth-child(2)>ul{
    text-align: right!important;
    padding-left: 0;
    padding-right: 40px;
}

#copy{
    padding:0;
    text-align: center;
}

/* responsive */ 
@media (max-width: 768px){
    #continuum{
        padding:0; 
    }

    .half{
        height: unset;
    }

    #aboutus .half, #projects .half{
        height: auto;
    }
    #services .text{
        min-height: unset;
        padding-bottom: 100px;
    }
    .art{
        height: 200px;
    }
    #services .service .text, #services .service .text{
        min-height: unset;  
    }
    #projects :first-child > .row {
    min-height: unset!important;
    height: unset!important;
}
}
@media (min-width:768px){
    
}
.navbar-nav .dropdown-menu {
    border-radius: 0;
	font-size: 15px;
}
@media (max-width: 1429px){
	.menucont{
		width: unset;
		max-width: unset;
		background: pink;
	}
}