@charset "utf-8";

@media all and (max-width: 1400px) 

{

.menu-phone ul li a,
.menu-footer ul li a  {padding: 26px 15px 24px 15px;}


}

@media all and (max-width: 1250px) 

{

.galerie-box {width: calc(50% - 15px);} 

.galerie-box:last-child {display: block;} 

.bio-right {width: 100%;}
             
.right-box {max-width: 100%;}             

.bio-left  {display: none;}

.bio-img-mobile {display: block;
                 width: 100%;
                 padding: 20px;
                 text-align: center;}
                 
.bio-img-mobile img {width: 100%;
                      max-width: 850px;}   
                      
.bf1 {display: none;}

.bf2 {width: 100%;} 

.bf3 {display: block;
        width: 100%;
        text-align: center;
        padding: 20px 0 0 0;} 
                                              
.bf3 img {width: 100%;
           max-width: 650px;}
	
.contact-box {padding: 20px 0;}	

}


@media all and (max-width: 1000px) 

{

.slider h1 {font-size: 38px;}

.slider-data {font-size: 18px;}

.slider-zajawka {font-size: 26px;}

.bio-text ul {column-count: 1;
                 column-gap: 0;} 

}

@media all and (max-width: 1050px) 

{

.menu-button {display: block;}

.menu-phone {clear: both;
              width: 100%;
              background: #fff;
              overflow: hidden;
             display: none;
              z-index: 100;
              width: 330px;
              position: absolute;
               right: 0;
               margin: 70px 0 0 0;
               padding: 0 0 25px 0;}

.menu-phone ul li {display: block;}
                    
.menu-phone ul li a:before {display: none;}  

.menu-phone ul li a {padding: 14px 20px;
                      box-sizing: border-box;
                      display: block;} 
                      
.menu-phone ul li > ul {display: none;
                         position: relative;} 
	
.menu-phone ul li:hover > ul {display: none;}	
                         
           
.footer-container {height: auto;
                   padding: 43px 0;}                         
                         
.logo-footer {width: 100%;
               text-align: center;
               padding-bottom: 25px;} 
               
.menu-footer {width: 100%;
              justify-content: center;}               
               
.menu-footer ul {text-align: center;}               
               
.menu-footer ul li {display: block;} 

.menu-footer ul li a {padding: 10px 0;}                                                           

}


@media all and (max-width: 750px) 

{

.galerie-box {width: 100%;} 


}

@media all and (max-width: 440px) 
{
.logo {font-size: 27px;
	padding-top: 19px;}	
	
}