/* ==========================================================================
   ========================================================================== */
@media (min-width: 1921px) {
    html, body{
        font-size: 20px;
    }
    .h3, h3 {
        font-size: 2.5rem;
    }	    
    header .left ul li a, header .right ul li a, header .left ul li .a, header .right ul li .a{
        font-size:1.5rem;
    }   
    .dziedziny a {
        border: 5px solid white;
        height: 150px;
        width: 150px;
        font-size: 1rem;
    }
    .pt-xxl-5{
    padding-top: 3rem !important;
}
 
    header a.navbar-brand span {
        font-size: 1rem;
    }
    
	header .icon-hamburger, header .icon-close {
		width: 25px;
		max-height: 25px;	
		top: 6px;
		right: 6px;
	}	
	.home header.section-header-scrolled .logo {
		/*width: 16% !important;*/
		top: 14px !important;
	}		
	.podstrona header .logo {
/*		width: 16%;*/
		top: 14px;
	}	
    .podstrona .jumbotron {
        padding: 2rem 2rem;
    }

    .podstrona h2.title.display-4 {
        font-size: 3rem;
    }
     
/* ************  ************** */    
    .section-header, 
    .section-header a {
        font-size: 3rem;
    }
	/* ************ GUTTENBERGG ************** */
	.wp-block-column:not(:first-child) {
		
	}	
	/* ************ OFERTA ************** */   
  
    section.kontakt .znak-logo{
        width:200px;
    }
      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1.2rem;
        line-height: 1.6;
    }
	
    .kontener-obrazka img{
        border: 15px solid rgba(200,185,166,1.00);
    }
    #powitanie img{
        border: 20px solid rgba(200,185,166,1.00);
    }
    .section .thumb-left{

        background-position-x: right;
        background-position-y: top;

        background-repeat: no-repeat;
        min-height: 400px;
        background-size: contain;
        background-size: 50%;
    }    
    .podstrona .menu-poziome-podstrony ul{
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top:10px;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1920px) {
/* ************ HEADER ************** */    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .right ul li {
        padding: 0
    }    
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.3rem
    }    
     
    /* ************  ************** */   
    .winieta .title {
        font-size: 2em;
    }    
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		
	}	
	/* ************ OFERTA ************** */  


     header a.navbar-brand span{
        font-size: 0.8rem;
    }
    /* ************   ************** */    
      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 3rem;
        padding-right: 3rem;    
    }    
    .home .section-offer h3,
    .front .section-offer h3{
      font-size: 2rem;
      line-height: 1.2;    
    }    
    .h3, h3 {
        font-size: 2rem;
    }	  
    .section .thumb-left{
         min-height: 300px;   
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1680px) {
/* ************ HEADER ************** */      
    header a.navbar-brand span{
        font-size: 0.8rem;
    }
	header .menu-main a {
		font-size: 1.3rem;
	}    	
	.podstrona .tytul-strony-single {
		font-size: 2.1rem;
	}
	.h4, h4 {
		font-size: 1.2rem;
	} 
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1rem;
        line-height: 1.4;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 2rem;
        padding-right: 2rem;    
    }  
     .h3, h3 {
        font-size: 1.75rem;
    }
/*    .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item {
        height: 650px;
    } */   
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1500px) {

  /* ************ HEADER ************** */ 
    header .right ul li:not(:last-child){
        margin-right: 1.5rem;
    }
    .section-header, .section-header a {
        font-size: 2rem;
    }
	.h4, h4 {
		font-size: 1rem;
	}
	.h5, h5 {
		font-size: 1.5rem;
	}

	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {

	}	
	/* ************  ************** */   
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: .9rem;
        line-height: 1.3;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 1.5rem;
        padding-right: 1.5rem;    
    }     
    .home .section-offer h3, .front .section-offer h3 {
        font-size: 1.8rem;
        line-height: 1;
    }    
    .kontener-obrazka img{
        border: 10px solid rgba(200,185,166,1.00);
    }
    #powitanie img{
        border: 15px solid rgba(200,185,166,1.00);
    }    
    .podstrona .menu-poziome-podstrony ul {
        padding:0.3rem 1rem 0.5rem 1rem;
    } 

}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1430px){
    header .left,
    header .right {
        justify-content: center;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1366px) {
    /* ************  ************** */ 
    header a.navbar-brand span{
        font-size: 0.6rem;
    }       

	header .menu-main a {
    font-size: 1rem;	
	}
    /* ************  ************** */ 
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: .8rem;
        line-height: 1.3;
    }
    .wp-block-column ul{
        padding-left:.5rem;
    } 
    .content-site p, .content-site ul li {
        font-size: 1.1rem;
    } 
         
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1200px) {
 /* ************ HEADER ************** */ 
    header.section-header-scrolled{
        padding-top: 0.5rem;
    }
    header.section-header-scrolled a.navbar-brand{
       width: 70%;
    }
    header a.navbar-brand {
        width: 80%;
    }    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 .5rem 0 .5rem;
    }        
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.2rem
    }    
    /* ************  ************** */ 
	header .menu-main a {
        font-size: 1rem;	
	}
    section#rezerwacja-wizyt .right h4{
        margin:0 auto;
        text-align: center;
    }  
/* ************  ************** */     
  .navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 10001;
    background-color: rgb(152,140,125);
    padding: 1rem .76rem 1.1rem .76rem;
    border-radius: 50%;
    border-width: 4px;
    border-style: solid;
    border-color:rgba(255, 255, 255, 1);
  }
    header.section-header-scrolled .navbar-toggler{
        top: 10px;
    }
    button.navbar-toggler:focus {
      outline: none;
    }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.show {
      position:fixed;   
      top:0;
      left:0;
      z-index: 1000;
      width:100%;  
      padding: 2rem 1rem 1.5rem 1rem ;
      background-color: rgb(152,140,125);
      box-shadow: 1px 1px 3px rgba(0,0,0, 0.4)  ;
    }
	/* ************  ************** */       
  /* **************** podstrona Kontakt****************** */	
  .podstrona.kontakt .content-site .left{
      padding-left: 3rem;
      padding-right: 3rem;
      border-right: 0px solid #dedddd;

      padding-bottom: 4rem;
      margin-bottom:4rem;
      border-bottom: 1px solid #dedddd;

  }
  .podstrona.kontakt .content-site .right{
      padding-left: 3rem;
      padding-right: 3rem;
  }
   
    header .right ul li:not(:last-child) {
        margin-bottom: 1rem;
    }
    header .right ul li a{
        font-size: 2rem;
    }
      /* ************  ************** */
      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1rem;
        line-height: 1.5;
    }
    .wp-block-column ul{
        padding-left:1rem;
    }  	

   
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 992px) {
	/* **************** logo ****************** */	
 
    header .left ul .list-inline-item {
        margin-right: 0;
    }
  
  /* ************  ************** */
    .section-header, .section-header a {
        font-size: 2rem;
    }
    /* ************  ************** */      
	/* ****************  ****************** */	
	 section.kontakt h4,
    section.kontakt .kontent p,
    .podstrona.kontakt  .content-site  .right h4,
    .podstrona.kontakt  .content-site  .right p{
        text-align: center;
    }
	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}
	.quform-elements .small,  
	.quform-elements small {
    	font-size: 90% !important;
	}
	
	 #cookie-bar.fixed {
		right: 0px;
		width: 100%;
		z-index: 100002;

	  }
	  .cookies-box {
		z-index: 100000004;
	  }
	  .cookies-box .h-cookie {
		font-size: 200%;
		line-height: 1.2;
		margin-bottom: 10px;
		text-align: left;
	  }
	  .cookies-box .h-cookie br {
		display: none;
	  }
	  .cookies-box p {
		font-size: 16px;
	  }	
	/* ************ OFERTA ************** */    
    #rezerwacja-wizyt .left a{
        font-size: 3rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 2rem;
    }      
    .dziedziny a{
        height: 90px;
        width: 90px;
        font-size: .6rem;
    }
    .podstrona .archive-offer img {
        width: 60%;
        margin:0 auto;
    }
    .section .thumb-left{
        background-position-x: center;

        background-position-y: top;

        background-repeat: no-repeat;
        min-height: 200px;
        background-size: contain;

    }    

}
/* ==========================================================================
   ========================================================================== */

@media (max-width: 781px) {

    .wp-block-column:not(:only-child){
        flex-grow: 1 !important;
        flex-basis:100% !important;
    }
}
@media (max-width: 768px) {
    .podstrona header {
        position: static;
    }
    
    header.section-header-scrolled {
        background-color: rgba(255,255,255,1);
        box-shadow: 1px 1px 3px rgba(0,0,0, 05);
        padding-top:0.5rem;
    }    
     .podstrona  header.section-header-scrolled {
        position: fixed;
    }
    header a.navbar-brand {
        width: 60%;
    }    
    header.section-header-scrolled  a.navbar-brand {
        width: 40%;
    }

	/* ****************  ****************** */		

	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}	
	.podstrona .display-4 {
    	font-size: 2.5rem;
		
	}
	.h1, h1 {
		font-size: 2.1rem;
	}
	ul.list-unstyled li.list-inline-item{
		margin-bottom: 0.8rem;
	}
	.thumb-promotion{
		min-height: 250px;
	}	

    .content-site p {
        font-size: 1.1rem;
    }
	.cookies-box .h-cookie {
    	font-size: 150%;
		text-align: center;
	}
	.cookies-box p {
		font-size: 1rem;
        line-height: 1.2;
	}
    section#rezerwacja-wizyt .left a,
    section#rezerwacja-wizyt .right h4 {
        font-size: 2rem;
        padding:0;
        background-image: none;
    }
    .jumbotron{
        padding-top: 0;
    }
    q {
        font-size: calc(2.5rem) !important;
        line-height: 1.2;
    }
    .animated{
        animation-duration:0;
        animation:none;
    }
    .wp-block-media-text{
        display: block;
    }    
    .wp-block-media-text figure.wp-block-media-text__media{
        margin: 0 auto;
        text-align: center;
    }
    .wp-block-media-text figure.wp-block-media-text__media img{
        width:60% !important;
        margin: 0 auto;
        max-width: inherit !important;
        text-align: center;
        margin-bottom: 1rem;
    }
   
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 576px) {
     section.atuty .w-20 p{
        font-size: 1.3rem;
    }
    #KontenerMenu{
        position: fixed;
        top: 60px;
    }
    #KontenerMenu li{ 
         margin-bottom: 1rem;   
    }
    #KontenerMenu li{ 
         font-size: 1.2rem;   
    }    
	/* ****************  ****************** */		
    .winieta .title, .podstrona h2.title.display-4 {
        font-size: 2rem;
    }
	.podstrona .display-4 {
    	font-size: 2rem;
		
	}
	.section-content h3 {
		font-size: 1.7rem;
	}
	.h1, h1 {
		font-size: 2rem;
	}
	.cookies-box .h-cookie {
    	font-size: 150%;
	}
    .wp-block-column:not(:first-child) {
        margin-left: 0;
    }    
    .podstrona .tytul-strony-single {
        font-size:1.9rem;
    }
    .content-site p {
        font-size: 1rem;
    }
	/* ********************************* */	
    #rezerwacja-wizyt .left a{
        font-size: 2.5rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 1.5rem;
    }      
	/* ************  ************** */

    .podstrona.kontakt .content-site .right h4, section.kontakt h4 {
        font-size: 1.1rem;
    }
    #powitanie .wp-block-column:first-child{
        border-right: 0 solid rgba(213,213,213,1.00);
        padding-right: 0;
    }
    q {
        font-size: calc(2.2rem) !important;
        line-height: 1.2;
    }  
    .wp-block-media-text .wp-block-media-text__content {
        padding-left: 0;
        padding-right: 0;
    }
    .wp-block-media-text figure.wp-block-media-text__media img{
        width:80% !important;
    }    

}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {

    #rezerwacja-wizyt .left a{
        font-size: 2rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 1.2rem;
    }  
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 360px) {
    .mobile-section,
    .mobile-section a,
    .mobile-section h1,
    .mobile-section svg{
        font-size: 1.3rem;
    }    
    .section-header span.ornament{
        background-image: none;
    }
    .wp-block-media-text figure.wp-block-media-text__media img{
        width:90% !important;
    }        
}
/* ==========================================================================
   ========================================================================== */
/* ==========================================================================
   ========================================================================== */