@media all and (max-width: 767px) {
	h1 {
		font-size: 2.6rem;
		line-height: 3.1rem;
	}

	h2 {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}

	h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.btn-center-mobile {
		display: flex;
		justify-content: center;
	}

	header {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	header .row {
		flex-direction: column;
	}

	header .logo img {
		width: 230px;
	}

	header .buttons {
		display: flex;
		margin-top: 30px;
	}

	.btn-account {
		margin-left: 10px;
	}

	a {
		font-size: 1.3rem;
	}

	.btn-login, .btn-account {
		padding-left: 25px;
		padding-right: 25px;
	}

	.btn-rabat {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.hero {
		margin-top: 60px;
	}

	.hero .row {
		flex-direction: column;
	}

	.hero-title {
		width: 75%;
		text-align: center;
	}

	.hero h3 {
		width: 100%;
	}

	.back-to-top {
		display: none;
	}

	.rabat {
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.rabat .row {
		flex-direction: column;
		align-items: center;
	}

	.rabat-box {
		justify-content: center;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.rabat-box .btn-rabat {
		font-size: 1.6rem;
		margin-bottom: 20px;
		width: 200px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.rabat-info {
		width: 70%;
		margin-left: 0;
		text-align: center;
	}

	.rabat-info p {
		font-size: 1.6rem;
	}

	.rabat-info span, .rabat-info a {
		font-size: 1rem;
	}

	.header {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}

/* formularz */

	.form-wrapper {
		padding: 0;
		margin-top: 0;
		margin-bottom: 80px;
	}

	.form-wrapper .row {
		flex-direction: column;
		padding: 0;
	}

	.form-wrapper .form {
		width: 100%;
		height: 100%;
		background: url('../images/form-mobile.jpg') no-repeat;
		background-size: cover;
		padding: 50px;
	}


	.form-wrapper .form form {
		margin-top: 30px;
	}

	.form-wrapper .form .form-title,
	.form-wrapper .form .form-title p {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}

	.form-wrapper .form .type-group {
		flex-direction: column;
	}

	.form-wrapper .form .type-group label {
		width: 100%;
		margin-bottom: 10px;
	}

	.form-wrapper .form .info {
		margin-left: 30px;
	}

	.form-wrapper .form .error {
		color: red;
		font-weight: 600;
		margin-top: 1.6rem;
		margin-bottom: -1.5rem;
	}

	.form-wrapper .form button {
		font-size: 1.3rem;
		width: 90%;
		font-weight: 600;
	}

	.form-wrapper .form-box {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	.form-wrapper .form-box p {
		font-size: 1.2rem;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 1.8rem;
	}

	.col-wrapper {
		flex-direction: column;
	}

	.col-wrapper-bg {
		margin-top: 120px;
		padding-bottom: 80px;
	}

	.col-wrapper .col {
		margin-top: -85px;
	}

	.col-wrapper .info-box {
		gap: 0;
		flex-direction: column;
		width: 95%;
		text-align: center;
	}

	.col-wrapper .info-box .icon {
		margin-bottom: 20px;
	}

	.col-wrapper .info-box .info-text p.strong {
		font-size: 1.4rem;
	}

	.col-wrapper .info-box .info-text p {
		font-size: 1.2rem;
	}

	.col.col-mobile {
		margin-top: 80px;
	}

	.opineo {
		background-position: 55% 50%;
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.header-center p {
		font-size: 1.4rem;
		line-height: 2.1rem;
	}

	.pro {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.pro-box-wrapper {
		gap: 0;
	}

	.pro-box {
		width: 100%;
		margin-bottom: 20px;
	}

	.pro-box-content {
		padding-top: 55px;
		min-height: auto;
		margin-bottom: 30px;
	}

	.more-content .row {
		flex-direction: column;
	}


	.services {
		padding-top: 80px;
		padding-bottom: 40px;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.services-box {
		margin-bottom: 40px;
		width: 50%;
	}

	.services-box-wrapper .pipe {
		display: none;
	}

	.services-box span {
		font-size: 1.8rem;
	}

	.services-box-wrapper .pipe-border {
		border-right: 2px solid #2CD0F4;
	}

	.ekantor .row {
		padding-left: 50px;
		padding-right: 50px;
		gap: 60px;
	}

	.ekantor-box img {
		margin-left: 0;
		width: 200px;
	}

	footer {
		margin-top: 80px;
		background-position: 50% 50%;
	}

	.footer {
		flex-direction: column;
		gap: 30px;
		justify-content: center;
		min-height: 220px;
	}

	.footer .left {
		font-size: 1.2rem;
	}

	.footer .right a {
		font-size: 1.2rem;
	}

	.mt-xs-3 {
		margin-top: 3rem !important;
	}

	.smaller {
		font-size: 100% !important;
		line-height: 160% !important;
	}

}