body{
    margin: 0px;
    font-family: 'Lato', sans-serif;
    color: #111;
    height: 100%;
    background-color: #151820;
}
div#why-is-it-worth, div#what-is-it, .lesson-middle{
    background-color: #fff;
}
div.middle{
    width: 100%;
    background-color: #fff;
}
div#why-is-it-worth, div#what-is-it, .lesson-start{
    background-color: #fff;
}
div.start{
    width: 100%;
    background-color: #fff;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.navbar-inverse {
    background-color: rgba(21,24,32,0.6);
    height: 90px;
	border: none;
}
.navbar-brand>img {
    display: block;
    height: 75px;
    margin: 5px 0px;
}
.navbar .container {
    width: 220px;
    height: 100%;
}
.navbar-brand {
    padding: 0px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: absolute;
}

.modal-dialog {
    width: 400px;
}
.modal-body {
    text-align: left;
	padding: 0px;
}
.modal-body h3{
	margin: 15px;
}
strong{
	color: #07b1be;
}
.modal-footer {
    border-top: none;
}
.mc-field-group .col-md-6 {
    width: 100%;
	padding: 0px;
}
.mc-field-group {
    padding: 0px;
}


.header{
        height: 900px;
    width: 100%;
    position: relative;
	background-image: url(../static/img/photoheader.jpg);
	    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-inner{
    width: 75%;
    margin: 0px auto;
    padding-top: 15%;
    text-align: center;
}
.header-inner .col-md-6{
	text-align: left;
	color: #fff;
}

h1{
	margin: 0;
	    font-size: 45px;
}
h2 {
    font-size: 24px;
	
}
h3 {
    font-weight:bold;

}
h4 {
    font-weight:bolder;

}



i.icon {
    text-align: center;
    width: 50px;
	float: left;
}


.avatar {
    /* width: 100%; */
    height: 280px;
    margin: auto;
    display: block;
}

div#what-is-it {
    padding: 75px 0px;
	    width: 75%;
}
div#what-is-it-title {
    background-image: url('../static/img/ksztalty.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 250px;
	float: left;
}
div#what-is-it p {
	font-size: 20px;
    margin: 30px 0px;
    line-height: 30px;
}

div#what-is-it h3 {
    font-size: 50px;
	    margin-left: 70px;
}
div#what-is-it h3:first-of-type {
	margin-top: 38px;
}
div#what-is-it h3 span, div#what-is-it p span{
	font-weight: bold;
}

div#why-is-it-worth{
	padding: 50px 0px;
	    width: 75%;
}
ul{
    font-size: 18px;
}
blockquote {
    border-left: 5px solid #10c3c9;
	    margin: 0 0 20px 5px;
		font-style: italic;
}
.row .col-md-6 img {
    height: 125px;
    width: 125px;
    margin-right: 25px;
    float: left;
}
.text-inner h3{
	font-size: 30px;
    margin: 20px 0px;
}
.text-inner p{
	color: #fff;
    background-color: #10c3c9;
    width: 85%;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 18px;
}
.text-inner blockquote p{
	color: #000;
	background-color: #fff;
    font-size: 18px;
}
.text-inner{
	float:left;
        width: 70%;
}

div#author{
	background-color:#1f2430;
	padding: 100px 0px;
	width: 100%;
	color: #fff;
}
div#author h2{
	font-size: 35px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 25px;
}
div#author p{
	font-size: 20px;
}
div#author .col-md-9{
	    width: 75%;
}
div#author .col-md-6{
	    width: 70%;
    margin-left: 45px;
}
.author-inner{
	padding: 20px;
    background-color: #1a1e28;
    color: #afafaf;
    font-size: 18px;
    border-radius: 10px;
}
#author h4 {
    text-align: left;
    width: 100%;
    font-size: 24px;
    margin-top: 5px;
}
.background-author{
	background-image: url('../static/img/ksztalty.png');
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.col-md-9{
	margin: 0px auto;
}

.footer{
    width: 100%;
    background-color: #1a1f29;
	    background-image: url('../static/img/footer-bg.png');
        height: 475px;
    background-size: contain;
    background-position-y: 100%;
    background-repeat: no-repeat;
}
.footer-inner{
    width: 55%;
    margin: 0px auto;
    padding: 50px 0px;
    text-align: center;
}
.footer-inner h3{
   	    margin: 25px 0px;
    font-size: 40px;
    color: #fff;

}
.footer-inner h4{
	font-size: 25px;
	color: #fff;
}
footer#footer p.created {
    margin: 18px 55px;
    margin: 0px;
    padding: 18px 55px;
    border-left: 1px solid;
}
footer#footer {
    padding: 50px 0px;
	color: #fff;
	background-color: #151820;
	
}

footer#footer .container{
	width: 50%;
	margin: 0px auto;
	text-align: center;
}
footer#footer p{
	float: left;
	margin: 22px 55px;
	color: #afafaf;
}
a.footer-logo img {
    height: 50px;
    float: left;
}
input#mce-NAME, input#mce-EMAIL {
    border-radius: 5px;
    height: 54px;
    text-align: left;
    color: #8f8f8f;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
	background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}
input#mce-NAME:hover, input#mce-EMAIL:hover{
	background-color: #fff;
	color: #000;
}
.input-group-btn {
    display: inherit;
    float: left;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: 10px;
    padding: 16px 32px;
    background-color: #11a2ac;
    font-size: 16px;
    color: #fff;
}

.btn-default{
    z-index: 2;
    
    padding: 16px 32px;
    background-color: #10c3c9;
        font-size: 22px;
    color: #fff;
    width: 250px;
    border-color: #10c3c9;
    margin-top: 20px;
    margin-top: 90px;
}

.btn-default:hover{
    background-color: #fff;
    color: #10c3c9;
	border-color: #10c3c9;
}
.btn-default.mobile{
	display: none;
}

.btn-share{
    display: inherit;
    float: none;
    width: 100%;
    margin-top: 25px;
}

p.return{
    color: #fff;  width: 50px; margin: 75px auto;
}
p.return a{
    color: #fff;
    font-size: 20px;
}
.modal-footer{
    text-align: center;
}
.input-group{
    display: block;
	padding: 0px 15px;
}
p.created{
    color: #fff;
	margin: 16px;
}
p.mobile{
	display: none;
}
div#buildings{
        height: 190px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: url('../static/img/buildings.png');
    background-position: 0% 100%;
    background-repeat: repeat;
	    background-size: contain;
}

/* Thank You Page */

.header-thank-inner h1 {
    font-weight: bold;
}
.header-thank{
    height: 800px;
    width: 100%;
    position: relative;
	background-image: url(../static/img/photoheader-ty.jpg);
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-thank-inner{
	    width: 90%;
    margin: 0px auto;
    text-align: center;
    color: #fff;
	padding-top: 200px;
}
div#buildings-ty{
        height: 190px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: url('../static/img/footer-bg.png');
    background-position: 0% 100%;
    background-repeat: repeat;
	    background-size: contain;
}
button.btn.btn-default.facebook {
    /* z-index: 2; */
    margin-top: 15px;
    background-color: #4f66b4;
    border: 1px solid #4f66b4;
        width: 300px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
	text-align: left;
}
button.btn.btn-default.facebook:hover {
	background-color: #fff;
	color: #4f66b4;
}
button.btn.btn-default.twitter{
	margin-top: 15px;
        width: 300px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
	text-align: left;
}
footer#footer.footer-thank{
	padding: 20px 0px;
}
i.fa{
	font-size: 18px;
	margin: 0px 15px 0px 0px;
}


/* Lesson Section */
.lesson-header{
	background-image:url('../static/img/lesson-bg.png');
	background-color: #1d222d;
	background-position: center;
	background-repeat: no-repeat;
	height: 650px;
    background-size: cover;
	width: 100%;
	margin: 0px;
    padding-top: 150px;
	color: #fff;
}
.lesson-header iframe {
    width: 100%;
}
.lesson-header .container {
    width: 70%;
}
.lesson-header h1{
	font-size: 30px;
	margin: 10px 0px;
}
.podsumowanie ol li {
    list-style-type: disc;
}
.lesson-middle {
    padding: 50px 0px;
}
.lesson-middle strong{
	color: #000;
}
.lesson-middle .container {
    width: 90%;
}
.lesson-middle h2 {
    font-size: 26px;
    margin: 30px 0px;
	    background-image: url('../static/img/ksztalt.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
	    padding: 10px 26px;;
}
.lesson-middle ul {
    font-size: 16px;
    margin-left: 50px;
    font-size: 16px;
    list-style-type: square;
}
.lesson-start {
    padding: 50px 0px;
}
.lesson-start strong{
	color: #000;
}
.lesson-start .container {
    width: 90%;
}
.lesson-start h2 {
    font-size: 26px;
    margin: 30px 0px;
	    background-image: url('../static/img/ksztalt.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
	    padding: 10px 26px;;
}
.lesson-start ul {
    font-size: 16px;
    list-style-type: none;
}
ol {
    margin-left: 50px;
}
.lesson-middle p {
    margin-left: 26px;
    font-size: 18px;
}
.lesson-middle ul li {
    margin: 22px 0px;
}
.lesson-middle i.fa {
    color: #7a7a7a;
}
.lesson-middle a {
    color: #10c3c9;
}

.lesson-start p {
    margin-left: 26px;
    font-size: 18px;
}
.lesson-start ul li {
    margin: 22px 0px;
}
.lesson-start i.fa {
    color: #7a7a7a;
}
.lesson-start a {
    color: #10c3c9;
}
ol li {
    margin: 5px 0px;
    font-size: 16px;
}
div#footer-lesson .footer-inner h3{
	    font-size: 35px;
}
div#footer-lesson  .footer-inner h4{
    font-size: 20px;
}
.lesson-btn{
	margin-top: 40px;
}
div#footer-lesson{
	height: 400px;
}
/* Lesson Section */
.lesson-header{
	background-image:url('../static/img/lesson-bg.png');
	background-color: #1d222d;
	background-position: center;
	background-repeat: no-repeat;
	height: 850px;
    background-size: cover;
	width: 100%;
	margin: 0px;
    padding-top: 150px;
	color: #fff;
}
.lesson-header iframe {
    width: 100%;
	height: 550px;
}
.lesson-middle h2 {
    font-size: 35px;
	height: 60px;
}
.lesson-middle p {
    font-size: 22px;
}
ol li {
    font-size: 18px;
}
.lesson-middle ul {
    font-size: 18px;
}
.lesson-middle h3, .lesson-middle h4{
	    margin-left: 25px;
}

.lesson-start h2 {
    font-size: 35px;
	height: 60px;
}
.lesson-start p {
    font-size: 22px;
}
ol li {
    font-size: 18px;
}
.lesson-start ul {
    font-size: 18px;
}
.lesson-start h3, .lesson-start h4{
	    margin-left: 25px;
}

/* Private Page */
.polityka {
    width: 75%;
    margin: 50px auto;
	padding-top: 125px;
	line-height: 26px;
	    font-size: 16px;
        color: #fff;
}
.polityka ul {
	list-style-type: none;

}

h1#polityka-prywatnoci {
    font-size: 50px;
	margin-bottom: 50px;
}
.polityka a {
    color: #10c3c9;
    font-size: 24px;
}

/* Media Queries */

@media (min-width: 1024px) and (max-width: 1440px){
    .header{
        height: 800px;
    }
    .header-inner, .header-inner-2{
        width: 90%;
    }

    .title-inner {
        width: 65%;
        padding-top: 75px;
    }

    .footer-inner {
        width: 95%;
    }
    .input-group{
        display: block;
    }
	.mc-field-group .col-md-6 {
		width: 100%;
	}
	div#why-is-it-worth, div#what-is-it{
		width: 90%;
	}
	.text-inner {
		float: left;
		width: 70%;
	}
	.text-inner p {
		width: 100%;
		font-size: 15px;
	}
	.text-inner h3 {
		font-size: 22px;
		margin: 12px 0px;
	}
	ul {
		font-size: 16px;
	}
	blockquote {
		padding: 10px;
	}
	.text-inner blockquote p {
		font-size: 16px;
	}
	
	div#what-is-it h3 {
		font-size: 40px;
		margin-left: 80px;
	}
	div#author .col-md-9 {
		width: 100%;
	}
	div#author p {
		font-size: 18px;
	}
	.avatar {
		/* width: 100%; */
		height: 260px;
	}
	div#author h2 {
		font-size: 30px;
	}
	footer#footer .container {
		width: 915px;
	}
	.row .col-md-6 img {
		height: 90px;
		width: 90px;
	}
	iframe{
		width: 450px;
	}
	h1 {
		font-size: 40px;
	}
	h2{
		font-size: 20px;
	}
	btn-default{
		    margin-top: 30px;
	}
	.row .col-md-6 img {
		height: 85px;
		width: 85px;
	}
	div#quote .col-md-6 {
		width: 100%;
	}
	.text-inner blockquote p {
		width: 100%;
	}
	div#quote {
		width: 100%;
		padding: 0px;
	}
	footer#footer p.created {
		margin: 18px 55px;
		margin: 0px;
		padding: 12px 55px;
		border-left: 1px solid;
	}
	footer#footer p {
		margin: 16px 50px;
	}
    div#buildings, div#buildings-ty{
        height: 250px;
        background-repeat: no-repeat;
    }
	
	/* Lesson Section */
.lesson-header{
	background-image:url('../static/img/lesson-bg.png');
	background-color: #1d222d;
	background-position: center;
	background-repeat: no-repeat;
	height: 650px;
    background-size: cover;
	width: 100%;
	margin: 0px;
    padding-top: 150px;
	color: #fff;
}
.lesson-header iframe {
    width: 70%;
	    height: 350px;
}
.lesson-header .container {
    width: 70%;
}
.lesson-header h1{
	font-size: 30px;
	margin: 10px 0px;
}
.lesson-middle {
    padding: 50px 0px;
}
.lesson-middle strong{
	color: #000;
}
.lesson-middle .container {
    width: 90%;
}
.lesson-middle h2 {
    font-size: 26px;
    margin: 30px 0px;
	    background-image: url('../static/img/ksztalt.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
	    padding: 10px 26px;;
}
.lesson-middle h3, .lesson-middle h4{
	    margin-left: 25px;
}
.lesson-middle ul {
    font-size: 16px;
    margin-left: 50px;
    font-size: 16px;
    list-style-type: square;
}

.lesson-start {
    padding: 50px 0px;
}
.lesson-s start{
	color: #000;
}
.lesson-start .container {
    width: 90%;
}
.lesson-start h2 {
    font-size: 26px;
    margin: 30px 0px;
	    background-image: url('../static/img/ksztalt.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
	    padding: 10px 26px;;
}
.lesson-start h3, .lesson-start h4{
	    margin-left: 25px;
}
.lesson-start ul {
    font-size: 16px;
    margin-left: 50px;
    font-size: 16px;
    list-style-type: square;
}
ol {
    margin-left: 50px;
}
.lesson-middle p {
    margin-left: 26px;
    font-size: 18px;
}
.lesson-middle ul li {
    margin: 22px 0px;
}
.lesson-middle i.fa {
    color: #7a7a7a;
}
.lesson-middle a {
    color: #10c3c9;
}

.lesson-start p {
    margin-left: 26px;
    font-size: 18px;
}
.lesson-start ul li {
    margin: 22px 0px;
}
.lesson-start i.fa {
    color: #7a7a7a;
}
.lesson-start a {
    color: #10c3c9;
}
ol li {
    margin: 5px 0px;
    font-size: 16px;
}
.footer #footer-lesson h3{
	    font-size: 35px;
}
.footer #footer-lesson h4{
    font-size: 20px;
}
.lesson-btn{
	margin-top: 40px;
}
div#footer-lesson{
	height: 400px;
}
}

@media (min-width: 768px) and (max-width: 1023px){
    .header {
        height: 600px;
    }
    .header-inner,.header-inner-2 {
            width: 95%;
    }
	.header-inner .col-md-6 {
		    width: 50%;
    float: left;
	}
	.mc-field-group .col-md-6 {
		width: 100%;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 18px;
	}
	iframe {
    width: 335px;
}
.btn-default {
    font-size: 18px;
    width: 210px;
    margin-top: 60px;
}
.row .col-md-6 img {

    margin-right: 0px;
    float: none;
}
div#what-is-it {
    width: 95%;
}
div#what-is-it-text {
    width: 50%;
    float: left;
    padding: 0px;
}
div#what-is-it-title {
    width: 50%;
    height: 160px;
}
div#what-is-it h3:first-of-type {
    margin-top: 0px;
    padding-top: 32px;
}
div#what-is-it h3 {
    font-size: 30px;
    margin-left: 45px;
    line-height: 20px;
}
div#what-is-it p {
    font-size: 15px;
    margin: 10px 0px;
    line-height: 25px;
}
div#why-is-it-worth {
    width: 95%;
	text-align: center;
}
div#why-is-it-worth .col-md-6 {
    width: 50%;
	float: left;
}
.text-inner {
    width: 100%;
}
.text-inner h3 {
    font-size: 22px;
}
.text-inner p {
    margin: 15px auto;
    font-size: 14px;
}
ul {
    font-size: 15px;
    text-align: left;
}
blockquote {
    text-align: left;
    padding: 0px;
}
div#quote {
    width: 100%;
}
div#quote .col-md-6 {
    width: 100%;
    padding: 0px;
}
div#author .col-md-9 {
    width: 100%;
}
div#author .col-md-3 {
    width: 30%;
    float: left;
}
div#author h2 {
    font-size: 20px;
}
.avatar {
    height: 150px;
}
div#author .col-md-6 {
        width: 70%;
    margin-left: 0px;
    float: left;
}
#author h4 {

    font-size: 20px;
    margin-top: 0px;
}
div#author p {
    font-size: 13px;
}
.footer-inner h3 {
    font-size: 26px;
}
.footer-inner h4 {
    font-size: 16px;
}
    .title-inner {
        width: 80%;
    }
    .footer-inner{
        padding: 25px 0px;
    }
.footer {
    height: 300px;
}
footer#footer .container {
    width: 85%;
	    padding: 0px;
}
a.footer-logo img {
    height: 35px;
}
footer#footer p {
    margin: 8px 20px;
	font-size: 12px;
}
footer#footer p.created {
    padding: 0px 15px;
}
    .footer-inner {
        width: 80%;
    }
    .title {
        height: 350px;
    }
    .input-group{
        width: 100%;
        margin: 0px auto;
    }
	div#buildings {
		height: 120px;
        background-repeat: no-repeat;
	}
	
	/* Thank You Page */
	
	.header-thank {
		height: 585px;
	}
	.header-thank-inner{
		padding-top: 150px;
	}	
	footer.footer-thank .col-md-12 {
		width: 650px;
		margin: 0px auto;
	}
	div#buildings-ty {
		height: 150px;
        background-repeat: no-repeat;
	}
	i.fa {
		font-size: 18px;
		margin: 0px 15px 0px 0px;
	}
	
	/* Lesson Page */
	
	.lesson-header .container {
		width: 95%;
	}
	.lesson-middle .container {
		width: 100%;
	}
	.lesson-start .container {
		width: 100%;
	}
	.footer-lesson .footer-inner{
	    padding: 25px 0px;
	}
	button.btn.btn-default.btn-lg.btn-mobile.lesson-btn{
		margin-top: 30px;
	}
	div#footer-lesson {
		height: 300px;
	}
	footer#footer {
		padding: 25px 0px;
	}
}

@media (min-width: 320px) and (max-width: 767px){
    .header-inner h2 {
        font-size: 18px;
		margin-bottom: 20px;
    }
	.navbar-inverse .navbar-toggle{
		display: none;
	}
	.navbar-inverse {
		    height: 50px;
    position: relative;
    background-color: rgba(21,24,32,1);
    margin-bottom: 0px;
	}
	.navbar-brand>img {
		margin: 8px 0px;
		height: 35px;
	}
	.navbar .container {
		width: 110px;
	}
	.header {
		height: 675px;
	}
	.header-inner  h1 {
		font-size: 35px;
	}
	.header{
        height: 700px;
    }
    .header-inner{
        width: 95%;
		    padding-top: 25%;
    }
	.header-inner .col-md-6 {
		padding: 0px;
	}
    .header-inner-2{
        padding-top: 15%;
        width: 95%;
    }
	.mc-field-group .col-md-6 {
		width: 100%;
	}
    iframe{
        width: 100%;
		height: 200px;
    }
    input#mce-EMAIL, input#mce-NAME{
        margin-left: 0px;
    }
    .input-group .form-control, .input-group-addon, .input-group-btn {
        display: inherit;
        float: none;
        margin-top: 5px;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: 0px;
        padding: 16px 32px;
        background-color: #11a2ac;
        font-size: 16px;
        color: #fff;
        width: 300px;
    }
	.btn-default.btn-lg{
		display: none;
		margin-top: 15px;
	}
	.btn-default.mobile{
    display: inherit;
    width: 150px;
    font-size: 14px;
    padding: 15px;
	}
    .title-inner {
        width: 90%;
        padding-top: 50px;
    }
    .question-container {
        height: 180px;
    }
    .question-inner{
        width: 95%;
    }
    .ask-number {
        float: none;
        width: 137px;
        margin: 0px auto;
    }
    .question .ask-number p{
        margin-top: 0px;
    }
    .question p {
        float: none;
        margin-left: 0px;
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }
	div#why-is-it-worth .col-md-6 {
		width: 100%;
		text-align: center;
		padding: 0px 10px;
	}
	.row .col-md-6 img {
		float: none;
		margin-bottom: 0px;
	}
	.text-inner {
		float: none;
		width: 100%;
	}
	.text-inner p {
		margin: 0px auto;
		width: 100%;
		font-size: 16px;
	}
	ul {
		font-size: 16px;
		text-align: left;
		margin: 0px auto;
		width: 100%;
		padding-left: 25px;
	}
	li {
    margin: 10px 0px;
}
    .footer {
        height: 350px;
    }
    .footer-inner {
        width: 85%;
        margin: 0px auto;
        padding-top: 50px;
    }
    .avatar{
        height: 150px;
    }
    .ilustration {
        margin: 15px auto;
        height: 250px;
    }
    .title {
        height: 350px;
    }
    .input-group{
       width: 100%;
        margin: 0px auto;
    }
    p.created{
        /*width: 80%; margin: 60px auto 0px auto;*/
    }
    .content-footer{
        height: 165px;
        padding-top: 15px;
    }
	div#what-is-it-title {
		height: 100px;
		float: none;
	}
	div#what-is-it {
		padding: 0px;
		width: 95%;
	}
	div#what-is-it-text {
		margin: 25px 0px;
	}
	div#what-is-it h3 {
		font-size: 26px;
		margin-top: 0px;
		margin-left: 15px;
	}
	div#what-is-it p {
    font-size: 16px;

    line-height: 24px;
}
	div#what-is-it h3:first-of-type{
		padding-top: 15px;
	}
	div#what-is-it-inner {
		margin-top: 25px;
		line-height: 32px;
	}
	div#why-is-it-worth {
		width: 100%;
	}
	div#quote, div#quote .col-md-6{
		padding: 0px;
	}
	.text-inner h3 {
		font-size: 24px;
		margin: 20px 0px;
	}
	div#author .col-md-9 {
		width: 100%;
	}
	div#author .col-md-6 {
		width: 100%;
		margin-left: 0px;
		    margin-top: 25px;
			padding: 0px;
	}
	div#author {
		padding: 50px 0px;
	}
	div#author h2 {
		font-size: 24px;
	}
	div#author p {
    font-size: 15px;
}
	button.btn.btn-default.btn-lg.btn-mobile {
		display: inherit;
		margin: 25px auto;
		width: 200px;
		font-size: 18px;
	}
	footer#footer .container {
		width: 100%;
		padding: 0px;
	}
	footer#footer p {
		margin: 22px 0px;
		font-size: 11px
	}	
	.footer-inner h3 {
		font-size: 26px;
	}
	.footer-inner h4 {
		font-size: 16px;
	}
	footer#footer p.created.mobile{
		display: inherit;
		margin: 18px;
	}
	footer#footer p.created.mobile {
        display: inherit;
    margin: 0px 0px 0px 20px;
    float: left;
    padding: 0px 0px 0px 18px;
    font-size: 12px;
}
	a.footer-logo img {
		float: left;
		height: 30px;
	}
	p.created{
		display: none;
	}
	div#buildings{
		height: 80px;
        background-repeat: no-repeat;
	}
	.modal-dialog {
		width: 300px;
		margin: 50px auto;
	}
	/* Thank You Page */
	.header-thank {
		height: 525px;
	}
	.header-thank-inner {

    padding-top: 150px;
	}
	.header-thank-inner h1 {
		font-size: 30px;
	}
	.header-thank-inner h2 {
		font-size: 18px;
		    margin-bottom: 20px;
	}
	button.btn.btn-default.facebook, button.btn.btn-default.twitter {
    width: 275px;
	margin: 5px auto;
	}
	div#buildings-ty {
		height: 80px;
        background-repeat: no-repeat;
	}
	footer.footer-thank .col-md-12 {
		width: 280px;
		margin: 0px auto;
		padding: 0px;
	}

	/* Lesson Page */
	
	.lesson-header .container {
		width: 100%;
		padding: 0px;
	}
	.lesson-header h1, .lesson-header h2 {
		font-size: 20px;
	}
	.lesson-header{
		height: 500px;
		padding-top: 50px;
	}
	.lesson-middle .container {
		width: 100%;
	}
	.lesson-middle {
        padding: 25px 0px;
	}
	.lesson-middle .col-md-12 {
		padding: 0px;
	}
	.lesson-middle ul {
		padding-left: 10px;
	}
	.lesson-middle p {
		margin-left: 0px;
	}
	ol {
		margin-left: 0px;
	}
	.lesson-middle h2 {
		font-size: 23px;
		padding: 15px 24px;
	}
	div#footer-lesson .footer-inner{
		padding-top: 25px;
	}
	.lesson-header iframe {
		    height: 300px;
	}
	.lesson-middle p {
		font-size: 18px;
	}
	.lesson-middle ul, ol li {
		font-size: 16px;
	}
	footer#footer {
		padding: 25px 0px;
	}
	body#witaj-page{
		color: #151820;
	}
	.header-thank-inner{
		padding-top: 25px;
	}	
	.header-thank-inner h3{
		font-size: 21px;
	}
	.polityka {
        padding-top: 0px;
        width: 95%;
	}
	.lesson-middle ul li {
		line-height: 26px;
	}
}