@import "style--buttons.css";
@import "nav--layout.css";
@import "nav--mobile.css";
@import "nav--scroll.css";
@import "nav.css";
@import "header.css";
@import "portfolio.css";
@import "skills.css";
@import "jak.css";
@import "reference.css";
@import "cenik.css";
@import "footer.css";
@import "form.css";
@import "swiper.css";



html {
	background: var(--bg);
    font-family: 'Bodoni Moda', serif;
	--border-radius: 0.25em;
	--highlight: #003a6a;
	color: var(--text);
	font-weight: 400;
	/*--light: rgba(0,0,0,0.1);
	--medium: rgba(0,0,0,0.35);
	--dark: #000; */
    
}

.anchor {
    position: absolute;
    margin-top: -120px;
}


img {
    max-width: 100%;
}
:root{
    --heading:'Bodoni Moda', serif;
    --font: 'Lora', serif;
    --plus:'Playfair', serif;
    --primary:#5F5143;
    --heading-c:#74605A;
    --primary-light:#E3EEFF;
    --primary-shade:#F6F9FD;
    --primary-dark:#388DD6;
    --secondary: #F0D6B3;  
    --grey:#E7E7E7;
    --dark:#575756;
    --text:#343434;
    --text-inv: white;
    --light:#F4F4F4;
    --bg: white;
}
.is-hidden {
    display: none!important;
}
table {
    font-family: var(--font);
    font-size: 1em;
}
section{
    padding: 40px 0;
}

.plus {
    font-family: var(--plus);
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
}

strong {font-weight: bold;}

h1 {
    /* mobile/headline/H1 */
    color: var(--secondary);
    font-family: var(--heading);
    font-size: 40px;
    font-weight: 300;

}
h2 {
    /* mobile/headline/H2 */
    color: var(--heading-c);
    font-family: var(--heading);
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    position: relative;
    width: fit-content;
    margin: 30px auto;
    text-transform: uppercase;
}

h2::after {
    position: absolute;
    content: '';
    border-bottom: 2px solid var(--text);
    width: 80%;
    height: 2px;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
}

h3 {
   /* mobile/headline/H3 */

    color: var(--secondary);
    font-family: var(--heading);
    font-size: 26px;
    font-weight: 400;

}
h4 {
  
    /* mobile/headline/H4 */

    font-family: var(--heading);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
}
p, ul, ol, td, tr {
    /* mobile/paragraph/normal */

    font-family: var(--font);
    font-weight: 300;
    color: var(--text);
    line-height: 200%;
}

a {
  /* mobile/link/default */

  font-family: var(--font);
  
    /* identical to box height, or 179% */

    

}
[role="button"]{
    
    font-family: var(--heading);
    
    cursor: pointer;
    transition: .3s;
}
/* [role="button"]:hover {
      background: black;
} */
[role="button"]:active {
       
}
.s-item.s-gallery.s-gallery-standard.s-gallery-big {
    justify-content: center;
}
.wrapper {
    margin: 0 20px;
}

.s-breadcrumb {
    display: none;
}
@media screen and (min-width:768px) {
    section{
        padding: 90px 0;
    }
    h1 {
        /* desktop/headline/H1 */


        font-style: normal;
        font-size: 56px;
    }
    h2 {
       /* desktop/headline/H2 */

       font-style: normal;
       font-weight: 400;
       font-size: 40px;
       margin-bottom: 80px;
       
        /* identical to box height, or 125% */
    }
    h3 {
       /* desktop/headline/H3 */


       font-style: normal;
       font-weight: 400;
       font-size: 24px;
        /* identical to box height, or 133% */
    }
    h4{
        /* desktop/headline/H4 */

        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        /* identical to box height, or 150% */
    }
    p, ul, ol, td, tr {
       /* desktop/paragraph/normal */


       font-style: normal;
       font-weight: 300;
       font-size: inherit;
        /* identical to box height, or 187% */
    }
   
    a {
        /* mobile/link/default */
      
        font-style: normal;
        font-size: inherit;
          /* identical to box height, or 179% */
      
          text-decoration-line: underline;
      
      }
    [role="button"]{
        
        font-style: normal;
        font-weight: normal;
        line-height: 20px;
        transition: .3s ease-in-out;
    }
    
    
   
    
    
    .wrapper {
        margin: 0 auto;
        max-width: 1380px;
        padding: 0 20px;
    }
    
}

[role="button"] {
    transition: all 0.3s ease-in-out;
    position: relative;
    width: fit-content;
}