* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	background-color: rgb(16, 15, 15);;;
}

[id] {
	scroll-margin-top: 84px;
}

@media (min-width: 992px) {
	[id] {
		scroll-margin-top: 69px;
	}
}

.hero-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(34, 34, 34, 0.274);
	z-index: -1;
}

.orange-color {
	color: white;
}


/* nawigacja */
.navbar{
background-image: linear-gradient(315deg, #58b600 0%, #58b600 74%);


}
.navbar-brand {
	font-size: 2.2rem;
	text-transform: uppercase;
	
}

.nav-link{
	color:white;
	
}

.nav-link,
.navbar-toggler-icon {
	font-size: 1.8rem;
	text-transform: uppercase;
}

.navbar-toggler {
	padding: 1em 2em;
}


.gallery-nav{
	font-weight: bold;
}


/* header */
header {
	font-size: 2rem;
}

.carousel-item {
	position: relative;
	height: 95vh;
	background-position: center;
	background-size: cover;
	z-index: 0;
}

.carousel-img-one {
	background-image: url('../img/main-carousel-1.jpg');
}
.carousel-img-one img{
	transition:transform .6s;
}
.carousel-img-one img:hover{
	transform: scale(1.2);
}
.carousel-img-two {
	background-image: url('../img/main-carousel-2.png');
}
.carousel-img-three {
	background-image: url('../img/main-carousel-3.jpg');
}


.carousel-img-two .fbheader{
	width:400px;

}
.carousel-img-three .navigation{
	width:400px;

}

header .fbheader{
	width: 600px;
}

header .btnfacebook{
	border-radius:50px;
	text-decoration: none;
	color:white;
	display: block;
	padding:10px 25px;
	background: rgb(8, 185, 38);
	transition: .2s;
}

header .btnfacebook:hover{
	background-color: #6ad10a;
}

header .navigation{
	width:700px;
}



.aboutus {
	padding: 5em 0;
	color:#58b600;
	background-color: white;
	

}

.aboutu {
	padding:40px;
	/* background-color: red; */
	border-radius: 10px;

}
.aboutu:hover{
	padding:40px;
	/* background-color: red; */
	background-color:#51ff5a28;
	cursor:pointer;
	
}

.aboutu i {
	
	font-size: 4rem;
}
.aboutu h3 {
	font-size: 2.6rem;
}

.aboutustwo {
	padding: 5em 0;
	color:#ffffff;
	background-color: #58b600;
}

.aboutus img {
	width:60px;
	margin:30px;
}
.aboutustwo img {
	width:60px;
	margin:30px;
}

/* work */

.work {
	background-image: url('../img/backgroundhome.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.btn-gallery{
display:inline-block;
margin:40px;
padding:10px;
width:150px;
border:none;
background-color: rgb(233, 47, 22);
color:rgb(0, 0, 0);
font-size: 20px;
transition: background-color .3s;
text-decoration: none;
}

.btn-gallery:hover{
	color:white;
	background-color: rgb(218, 80, 62);
	
}


.work .card{
	background-color: rgba(255, 0, 0, 0);
	border-radius:5%;
}

.work .card-img-top {
	height: 300px;
	border-radius:5%;
	object-fit: cover;
}

/* ----- */

.home-passion {
	position: relative;
	height: 350px;
	background-image: url('../img/home-passion.jpg');
	background-position: center;
	background-size: cover;
	z-index: 0;

}

/* ----- */
.home-brand{
	background-color: #fff;
}
.home-brand h3 {
	font-size: 3rem;
	font-weight: bold;

}





/* godziny otwarcia */
.openhours{
	background-color: #58b600;
}

.openhours .hoursimg img{
	width:400px;
}
.openhoursediv{
	display:flex;
	justify-content: space-around;

	align-items: center;

}
 .openhours p {
	font-size:24px;
	color:white;
 }


/* kontakt */
.contact h3 {
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
}

.contact .submit-btn {
	font-size: 1.6rem;
}

.contact{
	background-color: #01162b;
}

.contact-map{
	background-color: #000b16;
}
.contact-map iframe {
	width: 95vw;
	/* min-height: 400px; */
}


/* footer */
.footer{
	background-color:#58b600;
	color:white;
}

/* mapa */

/* zmiany w lipcu*/
    #komunikat {
      position: fixed;
      top: 15vh;
      left: 15vw;
      width: 70vw;
      height: 40vh;
      background-color: #58b600; /* zielony */
      color: white;
      z-index: 1050;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      border-radius: 10px;
      padding: 2rem;
	  opacity:95%;
	
	  
    }

    #komunikat p {
      font-size: 3.5rem;
      margin-bottom: 2rem;
    }

    @media (max-width: 768px) {
      #komunikat {
        top: 10vh;
        left: 5vw;
        width: 90vw;
        height: auto;
        padding: 1.5rem;
      }

      #komunikat p {
        font-size: 1.2rem;
      }
    

	

/* media */








@media (max-width: 700px) {
	.home img{
width:300px;
	}

.openhoursediv{
	flex-direction: column;
	
	}

	header .fbheader{
		width: 350px;
	}
	
.carousel-img-one img {width:300px;}
.carousel-img-two .fbheader{
	width:200px;

}

.openhours .hoursimg img{
	width:250px;
}
}



@media (max-width: 400px) {
	.home img{
width:290px;
	}


	

	/* .carousel-img-three img{
		width:300px;
	} */
}


.fbbtn a {
	text-decoration:none;
	color:white;
}