/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Raleway:wght@300&display=swap');

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

body{  font-family: "Roboto", sans-serif;  line-height:1.6rem; color:#616161;}

section#slider {
  position: relative;
  height: 140vh;
  width: 100%;
  background: url("https://pisipolska.pl/test.jpeg");
  background-size: 100%;
  background-position: bottom;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5rem;
  color: #fff;
  font-family: "Poppins", sans-serif;
}



.overlay{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.desc, .com-content-article__body {
  background: #fff;
  padding: 50px;
  color: #a8a8a8;
  letter-spacing: 1px;
  line-height: 25px;
}

footer{
  width:100%;
  background:#7587a3;
  color:#fff
}

.hero-text{position:relative;z-index:2;font-weight:bold;color:bold;text-align:center;font-size:90%}

.navbar-nav li a{
  font-size: 1.5rem !important;
  padding-left:1.5rem !important;
  padding-right:1.5rem !important;
  text-transform: Uppercase;
  color:#7587a3;
  font-weight: 300;
}


.navbar-nav li a:hover{
  text-decoration:underline;
  color:#7587a3;
}

#offers{
  background-image: url('../images/anchor.png'), url('../images/north.png');
background-position:
  top right, /* this positions the first image */
  bottom left; /* this positions the second image */
background-repeat: no-repeat; /* this applies to both images */
}
#offers h2{
  font-size:3rem
}
#offers h2::first-letter, #offers h2 span {
  font-weight: 500;
  color: #7587a3;
}
.btn{
  border-radius:0px;
}
@media (max-width: 767px) {
	.forscreen {display: none !important}
  .formobile{display:block}
  #logo2{width:40%}
  #slider2 {
    background-image:url('../images/headerformobile.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    width:100%;
    height:100vh;
    background-position: top; 
    padding:0px;
    margin:0px;
    display:flex; 
    align-items: center; 
    justify-content: center;
  }

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }
  
.navbar-toggler {
    border-color: rgb(255,0,0) !important;
  }
  
  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
      outline: none;
      box-shadow: none;
  }
  
  .navbar-nav li,
  .navbar-nav {text-align:center}

#mainmenu{
    background-color:#fff;
  }

  #logo {width:25% !important}
  footer{font-size:1.2rem !important;line-height:1.3}
	}

@media (min-width: 768px)  {
	.forscreen {display: block}
  .formobile{display:none}
  #menuforscreen{
    border-bottom:1px solid #7587a3
  }
  #offer2{margin-top:150px}

}	


@media (max-width: 991px)  {
  #sliderforscreen{display:none !important}
}
@media (min-width: 992px)  {
  #sliderformobile{display:none !important}
}
