html {
  	scroll-behavior: smooth;
		font-size: 21px;
}
@media(max-width: 500px){
	html{
		font-size: 18px;
	}
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

li{
	font-size: 18px;
}


i{
	font-size: 30px;
	color: white;
}
i:hover{
	font-size: 33px;
	font-weight: bold;
}


hr{
	height: 10px;
	 background: white; 
	 border: 0px;
}

a:hover{ 
	font-weight: bold 
} 



.main{
	background-image: url("img/fota.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 600px;
	display: flex;
  flex-direction: column;
  justify-content: center;
}

.main2{
	background-image: url("img/paytel3.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 600px;
	display: flex;
  flex-direction: column;
  justify-content: center;
}

.main3{
	background-image: url("img/insertNexo.jpg");
  
  height: 600px;
	display: flex;
	background-size: cover;
  flex-direction: column;
  justify-content: center;
}

.otw
{
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	background-color:#DC143C;
	color:white;
	padding-top:30px;	
}

@media(max-width: 600px){
	.otw{
		display: none;
	}
}


.otwMobile
{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-size: 15px;
	background-color:#DC143C;
	color:white;
	padding-top:30px;	
}
@media(min-width: 601px){
	.otwMobile{
		display: none;
	}
}


.aboutus
{
	color:grey;

}

.aboutus1
{
	color:black;

}


.backgroundGrey{
	background-color: #efeee9;
	display: flex;
	padding: 40px;
}

.backgroundWhite{
	display: flex;
	padding: 40px;
}

.circle { 
    border-radius: 10%;
  	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

.text{
	font-size: 40px;
	color: white;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}
@media(max-width: 500px){
	.text{
		font-size: 40px;
	}
}

.textInsert{
	font-size: 40px;
	color: #0179c2;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}


.text2{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (max-width: 1100px) {
  .text2 {
    flex-direction: column;
    align-items: center;
  }
}


.text3{
	font-size: 25px;
 	color: white;
 	font-weight: 700;
 	text-shadow: 2px 2px 4px #000000;           
}


.whatwedo{
	font-size: 50px;
	font-weight: 600;
	text-align: center;
}


.border{
  min-height: 550px;
  max-width: 370px;
	background-color: #DC143C;
	color: white;
	padding: 20px;
	margin: 2vh;
	line-height: 28.8px;
	border-radius: 25px;

}


.border2{
	color: white;
	padding: 25px;
	margin: 25px;
	line-height: 28.8px;
	border-radius: 25px;
}


#scroll-top {
    display:none;
    background:url("img/arrow.png");
    background-repeat:no-repeat;   
    width:35px;
    height:35px;
    position:fixed;
    bottom:30px;
    right:30px;
}


.up{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 35px;
	color: white;
	background-color: #DC143C;
	border-radius: 10%;
}


.media{
	color: grey;
}


.heading{
	font-size: 50px;
	color: #656565;
}
@media(max-width: 500px){
	.heading{
		font-size: 40px;
	}
}


.marginText{
	margin-left: 15%;
	margin-right: 15%;
}
@media(max-width: 700px){
	.marginText{
		margin-left: 1%;
		margin-right: 1%;
	}
}


@media(max-width: 700px){
#demo{
	display: none;
}
}


.map-container

{
overflow:hidden;
padding-bottom:30%;
position:relative;
height:0;
}


.map-container iframe
{
margin-left:30px;
height:300px;
width:700px;
position:absolute;
}

.insert-banner {
    max-width: 970px;
    margin: 0 auto;
}

/* mobile – ukrywamy banner */
@media (max-width: 991px) {
    .insert-banner {
        display: none;
    }
}

.contant{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
  font-size: 20px;
}


.fotter{
	display: flex;
	flex-direction: row;
	color: #656565;
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}


.fotter2{
	display: flex;
	color: grey;
	font-size: 16px;
	padding-top: 25px;
	text-align: center;
	

}
@media(max-width: 1200px){
.mobileFotter{
	display: none;
}
}


.mobileFotter2{
	color: #656565;
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}
@media(min-width: 1200px){
.mobileFotter2{
	color: #656565;
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
	display: none;
}
}


.fotterImage{
	padding: 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-image: url("img/mar2gonowa.jpg"); 
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  background-blend-mode: screen;
  background-color: #7f8084;
 }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(19%) sepia(95%) saturate(3000%) hue-rotate(190deg) brightness(80%) contrast(90%);
}