.logo-bg {
	background: url(../img/logo-bg.png);
	background-repeat: no-repeat;
	background-position: 20% 100px;
}
.logo-bg.logo-bg-right {background-position: 80% 100px}

#sandrastepien .wrap-h2 img {
	max-width: 100%;
	margin-top: 50px;
}

#sandrastepien.podstrona .flexcenter {
	padding-left: 60px;
	box-sizing: border-box;
}

#sandrastepien-tekst {margin-top: 100px}

#sandrastepien-ikony {
	margin-top: 120px;
	box-sizing: border-box;
}

#sandrastepien-ikony ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#sandrastepien-ikony li {
	width: 33.33%;
	box-sizing: border-box;
	padding: 50px 20px;
}

#sandrastepien-ikony img {
	display: block;
	position: relative;
	margin: 0 auto 30px;
}

#sandrastepien-ikony strong {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	line-height: 24px;
}

#sandrastepien-ikony > span {
	position: absolute;
	width: 3px;
	height: 80px;
	background: #B79946;
	margin: auto;
	left: 0;
	right: 0;
	top: -60px;
}

#kancelaria-home .flex50-50-illustration {background-image: url(../img/kancelaria-home.jpg)}

#kancelaria-home ul {
	list-style: none;
	margin-top: 10px;
}

#kancelaria-home li {
	position: relative;
	padding: 24px 0;
	font-size: 17px;
	font-style: italic;
	font-weight: 500;
}

#kancelaria-home li img {
	display: block;
	position: absolute;
	top: 12px;
	left: -90px;
}

#kancelaria-icons {
	width: calc(100% + 30px);
	position: relative;
	left: -15px;
	text-align: left;
	margin-top: 60px;
	justify-content: left;
}

#kancelaria-icons > div {
	box-sizing: border-box;
	width: 20%;
	padding: 40px 15px 0;
}

#kancelaria-icons figure {
	width: 100%;
	outline: 1px solid #E6E6E6;
	margin-bottom: 20px;
}

#kancelaria-icons img {
	display: block;
	width: 100%;
}

#kancelaria-icons strong {
	font-size: 18px;
	line-height: 24px;	
	font-style: italic;
	margin-bottom: 15px;
	display: block;
}

#uslugi.podstrona .flexcenter {padding-left: 60px}

#uslugi-tekst {
	margin-top: 120px;
	padding: 50px 60px;
	box-sizing: border-box;
	background-image: url('../img/uslugi-tekst-bg.jpg');
	background-size: cover;
	background-position: center;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;		
}

#uslugi-lista {
	margin-top: 100px;
	text-align: left;
}

#uslugi-lista h3 {
    margin-bottom: 40px;
    color: black;
}

#uslugi-lista ul {list-style: none}

#uslugi-lista li {
    margin: 10px 0;
    background-image: url('../img/specjalizacje-dot.png');
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 25px;
}
#uslugi-lista li:last-of-type {margin-bottom: 0}

#uslugi-tekst > span {
    position: absolute;
    width: 3px;
    height: 80px;
    background: #B79946;
    margin: auto;
    left: 0;
    right: 0;
    top: -60px;
}

#spacjalizcje-home {
	background-image: url(../img/specjalizacje-bg.jpg);
	background-position: center;
	background-size: cover;
}

#spacjalizcje-home .wrap-h2 {padding-right: 0}

#spacjalizcje-home .box-link {margin-top: 0}

#spacjalizcje-home ul {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 60px;
	width: calc(100% + 10px);
	position: relative;
	left: -5px;
}

#spacjalizcje-home li {
	display: block;
	width: calc(25% - 10px);
	box-sizing: border-box;
	font-size: 18px;
	position: relative;
	background: rgba(0,0,0,0.5);
	padding: 40px 20px;
	margin: 5px;
}

#spacjalizcje-home li img {
	display: block;
	position: relative;
	margin: 0 auto 50px;
}

#spacjalizcje-home li::after {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #B79946;
	position: absolute;
	margin: auto;
	top: 150px;
	left: 0;
	right: 0;
}

#specjalizacje-wstep .flexcenter {
    padding-left: 60px;
    box-sizing: border-box;
}

#teleadresy.home .flexcenter {
	padding-left: 60px;
	box-sizing: border-box;	
}

#teleadresy ul {
	margin-top: 10px;
	list-style: none;
}

#teleadresy li {
	position: relative;
	padding-left: 30px;
}

#teleadresy li img {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 5px;
	left: 0;
}

#teleadresy li .mail-link {
	display: block;
	margin-bottom: 15px;
}

.specjalizacje-wrapper {padding-top: 0}

.specjalizacje {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}	

.specjalizacje-linki {
	width: 50%;
	text-align: left;
	padding: 30px 50px 30px 170px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.specjalizacje-linki > ul {
	list-style: none;
	width: 100%
}

.specjalizacje-linki li {
	padding-right: 25px;
	height: 60px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.specjalizacje-linki li:last-of-type {margin-bottom: 0}
.specjalizacje-linki li.active {border-bottom: 1px solid #B79946}

.specjalizacje-linki li img {
	display: block;
	width: 50px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -90px;
}

.specjalizacje-linki h4 {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 19px;
	line-height: 24px;
	text-transform: uppercase;
}

.specjalizajce-tresc {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	padding: 50px 20px 50px 70px;
	display: flex;
	align-items: center;
	z-index: 2
}

.specjalizajce-tresc > div {
	max-width: 700px;
	display: none;
}

.specjalizajce-tresc h3 {
	margin-bottom: 40px;
	color: black;
}

.specjalizajce-tresc ul {list-style: none}

.specjalizajce-tresc li {
	margin: 10px 0;
	background-image: url('../img/specjalizacje-dot.png');
	background-size: 5px;
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-left: 25px;
	position: relative;
	left: -25px;
}
.specjalizajce-tresc li:last-of-type {margin-bottom: 0}

.specjalizajce-tresc img {
	display: block;
	width: 50%;
	position: absolute;
	right: 50px;
	top: 20px;
	z-index: -1;
	opacity: 0.5;
}

#specjalizacje-middle {padding-top: 0}

#specjalizacje-middle .iwrap {
	padding-left: 80px;
	box-sizing: border-box;
}

#kontakt-wstep ul {
	list-style: none;
	margin-top: 10px;
}

#kontakt-wstep li {
	position: relative;
	padding-left: 27px;
}
#kontakt-wstep ul li:nth-of-type(2) {margin-bottom: 10px}

#kontakt-wstep li img {
	display: block;
	position: absolute;
	width: 18px;
	top: 3px;
	left: 0;
}
#error-bg {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../img/error-bg.jpg');
	background-size: cover;
	background-position: center;
}

#error-wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#error {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	padding: 40px 20px;
	margin: 0 auto;
	min-height: 70vh;
	background: #222222;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #3B3B3B;
}

#error h2 {
	color: #B79946;
	margin-bottom: 20px;
}

#error h2::after {display: none}

#error > div img {
	margin: 0 auto 50px;
	position: relative;
	display: block;
	width: 80%;
	max-width: 450px;
}

#error-logo {
	display: block;
	position : absolute;
	width: 100px;
	top: 40px;
	right: 40px;
}

#error-kontakt {
	width: 100%;
	position: absolute;
	bottom: 30px;
	box-sizing: border-box;
	padding: 0 15px;
}

#error-kontakt img {
	position: relative;
	height: 20px;
	top: 3px;
	margin-left: 10px;
	margin-right: 3px;
}

#error-kontakt span {display: inline-block}

#error-kontakt a {color: white}

#ebooki {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row-reverse;
}

#ebooki > div {
	width: calc(100% - 300px);
	box-sizing: border-box;
	padding-right: 50px;
	margin-bottom: -15px;
}

#ebooki article {
	box-sizing: border-box;
	width: 100%;
	padding: 40px 60px 30px 60px;
	position: relative;
	text-align: left;
	margin-bottom: 15px;
}

#ebooki article i {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #B79946;
}

#ebooki article > div {
	position: relative;
	padding-left: 90px;
	padding-top: 5px;
}

#ebooki article > div img {
	position: absolute;
	top: 0;
	left: 30px;
}

#ebooki article > div a {
	font-weight: 500;
	color: #B79946;
	margin-top: 5px;
	display: table;
}

#ebooki-paginacja a {
	display: inline-block;
	margin: 30px 10px 0px 10px;
	font-weight: 500;
	color: #B79946;
}

#ebooki > nav {
	width: 300px;
	border-bottom: 1px solid #B79946;
	padding-bottom: 15px;
}

#ebooki > nav header {
	display: block;
	padding: 7px;
	background: #B79946;
	margin-bottom: 15px;
}

#ebooki > nav header h4 {color: white}

#ebooki > nav h4 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    text-transform: uppercase;
}

#ebooki > nav ul {
	list-style: none;
	text-align: left;
}

#ebooki > nav li {
	position: relative;
	padding: 15px 0 15px 60px;
}

#ebooki > nav li img {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
}

#kontakt-biura {padding-top: 0}


/* GRID: 1280px */
@media all and (max-width: 1280px) {
	
#sandrastepien .wrap-h2 img {margin-top: 30px}	

#error-logo {
	width: 80px;
	top: 30px;
	right: 30px;
}

#ebooki article {padding: 40px 40px 30px 40px}
	
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {
	
#sandrastepien.podstrona .flexcenter {padding-left: 0}	
	
#sandrastepien-tekst {margin-top: 40px}

#sandrastepien-ikony {margin-top: 60px}

#sandrastepien-ikony > span {
    height: 60px;
    top: -40px;
}

#sandrastepien-ikony strong {
    font-size: 18px;
    line-height: 20px;
}
	
#kancelaria-home ul {
    max-width: 400px;
	text-align: left;
	padding-left: 70px;
	margin: 20px auto 0;
}

#kancelaria-home li img {
    top: 12px;
    left: -70px;
}

#kancelaria-icons {margin-top: 20px}

#kancelaria-icons > div {width: 33.33%}

#uslugi.podstrona .flexcenter {padding-left: 0}

#uslugi-lista {margin-top: 40px}

#uslugi-tekst {
	margin-top: 80px;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;	
}

#uslugi-tekst > span {
	height: 60px;
	top: -40px;
}

#spacjalizcje-home .flex50 > div:first-of-type {display: none}

#spacjalizcje-home li {width: calc(50% - 10px)}

#specjalizacje-wstep .flexcenter {padding-left: 0}

#teleadresy .wrap-h2 > div {width: 100%}

#teleadresy.home .flexcenter {padding-left: 0}

#teleadresy.home .flexcenter .wrap-h2 {width: 100%}

#teleadresy ul {
	max-width: 330px;
	text-align: left;
	margin: 10px auto 0;
}

.specjalizacje {margin: 0}

.specjalizacje-linki {
	width: 100%;
	padding: 30px 30px;
}

.specjalizacje-linki ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.specjalizacje-linki li {
	width: calc(50% - 110px);
	box-sizing: border-box;
	height: 70px;
	border-bottom: none;
	margin-left: 110px;
	margin-right: 0px;
}

.specjalizacje-linki li img {left: -80px}

.specjalizajce-tresc {
	width: 100%;
	padding: 40px 50px;
	background-image: none;
}

.specjalizajce-tresc > div {
	max-width: 100%;
	text-align: left;
}

.specjalizajce-tresc li {left: 0}

.specjalizajce-tresc img {max-width: 200px}

#specjalizacje-middle .iwrap {padding-left: 0}

#kontakt-wstep .wrap-h2 > div {
	position: relative;
	margin: 0 auto;
}

#kontakt-wstep ul {text-align: left}
	
#kontakt-biura .wrap-h2 > div {
	position: relative;
	margin: 0 auto;
}	

#gmaps {
	max-width: 500px;
	height: 500px;
}

#error-logo {
	width: 60px;
	top: 20px;
	right: 20px;
}

#error-kontakt {bottom: 20px}

#ebooki > div {
	width: 100%;
	padding-right: 0;
}

#ebooki > nav {
    width: 100%;
    border-bottom: none;
    padding-bottom: 30px;
}

#ebooki > nav header {margin-bottom: 25px}

#ebooki > nav ul {
	display: flex;
	flex-wrap: wrap;
}

#ebooki > nav li {
	width: 50%;
	box-sizing: border-box;
	padding-right: 30px;
}
	
}


/* GRID: 750px */
@media all and (max-width: 750px) {
	
#sandrastepien-ikony {padding: 20px 10px}	
	
#sandrastepien-ikony li {
    width: 100%;
    padding: 20px 0;
}	

#sandrastepien-ikony img {margin: 0 auto 20px}

#kancelaria-icons {margin-top: 10px}

#kancelaria-icons > div {width: 50%}

#uslugi-lista h3 {margin-bottom: 20px}

#uslugi-tekst {
	margin-top: 60px;
	padding: 50px 20px;
}

#spacjalizcje-home ul {margin-top: 40px}

#spacjalizcje-home li {
	width: calc(50% - 10px);
	padding: 30px 15px;
}

#spacjalizcje-home li img {
	height: 60px;
	margin-bottom: 40px;
}

#spacjalizcje-home li::after {top: 110px}

.specjalizacje-linki {padding: 0 10px 20px}

.specjalizacje-linki li {
	height: 50px;
	margin-left: 90px;
	width: calc(50% - 90px);
}

.specjalizacje-linki li img {
	width: 40px;
	left: -60px;
}

.specjalizacje-linki h4 {
	font-size: 16px;
	line-height: 20px;
}

.specjalizajce-tresc {padding: 30px 20px}

.specjalizacje-linki li h3 {
    font-size: 16px;
    line-height: 16px;
}

.specjalizajce-tresc h3 {margin-bottom: 20px}

#gmaps {height: 400px}

#error-logo {display: none}

#error-kontakt {bottom: 15px}

#ebooki article {padding: 30px 30px 20px 30px}

#ebooki article > div {padding-left: 70px}

#ebooki article > div img {
    top: 0;
    left: 20px;
	width: 35px;
}

#ebooki > nav h4 {
    font-size: 16px;
    line-height: 20px;
}

#ebooki > nav li {padding: 15px 20px 15px 50px}

#ebooki > nav li img {width: 40px}

#ebooki-paginacja a {margin: 10px 10px 0px 10px}
	
}


/* GRID: 500px */
@media all and (max-width: 500px) {
	
#sandrastepien-ikony strong {
    font-size: 16px;
    line-height: 18px;
}	
	
#kancelaria-home ul {padding-left: 50px}	
	
#kancelaria-home li {
    padding: 16px 0;
    font-size: 15px;
}

#kancelaria-home li img {
	width: 40px;
	left: -50px;
}

#kancelaria-icons {
	margin-top: 0;
	width: calc(100% + 20px);
	left: -10px;
}

#kancelaria-icons > div {padding: 40px 10px 0}

#kancelaria-icons figure {margin-bottom: 15px}

#kancelaria-icons strong {
    font-size: 16px;
    line-height: 20px;
	margin-bottom: 10px;
}	

#uslugi-lista li {
    padding-left: 15px;
    background-position: 0 7px;
}

#uslugi-tekst {padding: 40px 15px}

.specjalizacje-linki {
	padding: 0;
	margin-bottom: 30px;
	display: block;
}

.specjalizacje-linki ul {
	max-width: 350px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.specjalizacje-linki li {
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	border-bottom: none;
	padding-right: 0;
	margin-left: 50px;
	width: calc(100% - 50px);
}

.specjalizacje-linki li img {left: -50px}

.specjalizacje-linki li img:first-of-type {width: 34px}

.specjalizajce-tresc {padding: 20px 15px}

.specjalizajce-tresc li {
	padding-left: 15px;
	background-position: 0 7px;
}

#gmaps {height: 300px}

#error-wrapper {align-content: center;}

#error {
	min-height: auto;
	width: calc(100% - 30px);
}

#error > div img {margin: 0 auto 20px}

#error-kontakt {
	bottom: 0;
	position: relative;
	margin-top: 20px;
}

#ebooki article {padding: 25px 20px 10px 20px}

#ebooki article > div {padding-left: 50px}

#ebooki article > div img {left: 0}

#ebooki > nav {padding-bottom: 20px}

#ebooki > nav header {margin-bottom: 15px}

#ebooki > nav li {
    width: 100%;
	padding-right: 0;
}

	
}


/* GRID: 414px */
@media all and (max-width: 414px) {

#spacjalizcje-home li {
    width: 100%;
    padding: 30px 15px;
}	

#kancelaria-icons {
	width: calc(100% + 10px);
	left: -5px;
}

#kancelaria-icons > div {padding: 40px 5px 0}
	
}