html{
  font-size:20px;
  font-size: clamp(14px, 1.3vw, 20px);  
  line-height: 1.5;
}

body{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1,.nadpis{
  font-weight:normal;
  margin-top:20px;
  margin-bottom:12px;
  color:#777;
}

h2{
  font-size:2.1rem;
  font-weight:500;
  margin-bottom:1rem;
}

h4.grey{
  color:#666666;
}

.bigger{
  font-size:130%;
}

.bigger br{
  line-height:2.2rem;
}

.smaller{
}

.big{
  font-size:2.4rem;
}

.slogan{
  clear:both;
  padding-top:9rem;
}

.slogan .big{
  font-size:3.5rem;
  line-height:1.2;
  font-weight:700;
}
.slogan .answer{
  margin-top:3.2rem;
  font-size:2.3rem;
  font-weight:400;
}
.topText{
  clear:both;
  margin-top:19rem;
  background:rgba(255,90,0,0.8);
  padding:1rem;
  border-radius:40px;
  text-shadow: 0 0 20px #73210D;
}


.bignum{ 
  display:block; 
  font-weight:300;  
  font-size:6rem;  
  font-size:clamp(3rem,5vw,4rem); 
} 

.mainmenu li a{
  color:#fff;
  padding-right:2.4rem;
  padding-left:0rem;
  font-weight:500;
  font-size:1rem;
  line-height:4.5rem;
  text-transform: uppercase;
}

.content ul{
}

.content p, .wcontent p{
  font-size:1.2rem;
  margin-bottom:1rem;
}

.ref p {  
  margin-top: 0.5rem;  
  margin-bottom: 0;  
  font-size: .9rem;  
  color: #333;  
}  

.slogan{
  line-height:2rem;
}

#footer a{
  color:#fff;
}


.contacts {  
  display: flex;  
  flex-wrap: wrap;  
  justify-content: center;  
  gap: 2rem 8rem;
  margin:0 auto;
  max-width:1600px;
}  

.contact {  
  flex: 1 1 auto;  
  max-width: max-content;  
  min-width: 16rem;
  text-align: center;  
}  

.emerg{
  margin-top:1.6rem;
  margin-bottom:1rem;
  font-size:1.6rem;
}


section ul{
  list-style-position: inside;
}

section .l ul{
  list-style-position: outside;
  margin-left:1rem;
}

@media (max-width: 1000px) {  
.mainmenu li:last-child a{      
  padding-right:0.1rem;          
}
#top{
  overflow:hidden;
  min-height:55vw;
  background-size: cover;
  background-position: bottom right;
}

.slogan .answer{
  font-size:2rem;
}

}
                      
@media (max-width: 800px) {

                      

#logo.fl, #menu, #menu.fr {
  float:none;
  text-align: center;
}

#menu ul{
  margin:0;
  padding:0;
  list-style: none;
}
#menu ul li{
  display:block;
  margin:0;
}
#menu ul.mainmenu li a{      
  padding:0 1.5rem;          
}          

#menu ul {  
  display: flex;  
  flex-wrap: wrap;  
  justify-content: center;  
  gap: 1rem 2rem;
}  

#menu ul li {  
  flex: 1 1 auto;  
  max-width: max-content;  
  min-width: 8rem;
  text-align: center;  
}  


.slogan,.topText {
  padding-top: 2rem;
}
.topText {
  border-radius:0;
  margin-top:0;
  margin:-1%;
}



.slogan .big{
  font-size:2.5rem;
}
.slogan .answer{
  font-size:1.5rem;
}

.topcontent{
  width:98%;
}

.col50{
  width:auto;
  float:none !important;
  display:block;
}

.numb{
  display:block;
}
.encount{
  width:auto;
  padding:0;
}


.ref{
  padding:.2rem;
  padding-bottom:.7rem;
}
.left-arrow {  
  left: -0.5rem;  
}  
.right-arrow {  
  right: -0.5rem;  
}  
.form{
  width:80%;
}
.emerg{
  margin-top:2rem;
  font-size:1.5rem;
}
                      
}