@media screen and (max-width:1200px) {
	.logo {
		max-width: 700px;
	}

	.infoblock {
		width: 58%;
	}

	.infowrap {
		width: calc(42% - 20px);
	}

	.btn {
		font-size: 23px;
	}

	.contacts span {
		width: 100%;
	}

	.contacts .btn {
		width: 100%;
		margin-bottom: 14px;
	}

	.contacts .btn:last-child {
		margin-bottom: 0;
	}

	.infoblock {
		background-position: center 0px;
	}

	.form__button {
		font-size: 18px;
	}
}

@media screen and (max-width:992px) {
	.main {
		min-height: 1200px;
	}

	.logo {
		max-width: 560px;
	}

	.maininfo {
		flex-wrap: wrap;
	}

	.infoblock {
		width: 100%;
		margin-bottom: 20px;
		padding-top: 120px;
	}

	.infowrap {
		width: 100%;
	}

	.contacts span {
		width: calc(50% - 10px);
	}

	.contacts .btn {
		width: calc(50% - 10px);
		margin-bottom: 0;
	}
}

@media screen and (max-width:768px) {
	section {
		padding: 0 40px;
	}

	.main {
		padding: 40px 0;
	}

	.logo {
		max-width: 540px;
	}

	.infoblock {
		padding: 120px 20px 20px 20px;
	}

	.infoblock h2 {
		font-size: 24px;
	}

	.modblock {
		padding: 20px;
	}
}

@media screen and (max-width:576px) {
	.main {
		box-shadow: 0 0 0 10px #fff inset, 0 0 0 10px #fff;
		border-radius: 60px;
		padding: 20px 0;
	}

	section {
		padding: 0 20px;
	}

    nav {
        height: auto;
        padding: 10px;
    }

    .infoblock {
        margin-bottom: 10px;
    }

	.infoblock h2 {
		font-size: 22px;
	}

    .infowrap .btn {
        margin-bottom: 10px;
    }

	.btn {
		font-size: 20px;
	}

	.contacts span {
		width: 100%;
	}

	.contacts .btn {
		width: 100%;
		margin-bottom: 14px;
	}

	.remodal {
		width: calc(100% - 20px);
	}

	.modwrap {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.modblock {
		padding: 20px 10px;
        background-position: center -100px;
	}

	.modblock:first-child {
		width: 100%;
		align-items: center;
		border-right: none;
		border-top: 6px solid #62b840;
	}

    .modblocklines {
        display: none;
    }

	.modblock img {
		margin: 40px 0;
	}

    .modblock:first-child {
        box-shadow: inset 0 -240px 200px -150px #000;
    }

	.modblock:last-child {
		width: 100%;
	}

	.form__button {
		font-size: 18px;
	}
}

@media screen and (max-width:400px) {
	body {
		font-size: 14px;
	}

	.main {
		border-radius: 40px;
		min-height: 1000px;
	}

    .navlogo {
        height: 40px; 
    }

    .logo {
        margin-top: -40px;
    }

    .navnemu .btn {
        width: 40px;
        height: 40px;
    }

	.btn {
		border: 8px solid #fff;
		font-size: 16px;
        padding: 16px;
	}

	.infoblock {
		border: 8px solid #fff;
		padding: 120px 10px 20px;
		margin-bottom: 10px;
	}

	.infoblock h2 {
		font-size: 17px;
	}

	.infowrap_contacts {
		padding: 10px;
	}

	.contacts .btn:last-child {
		margin-bottom: 0;
	}

	.modblock {
		padding: 10px;
	}

	.infowrap_contacts h3 {
		font-size: 20px;
	}

	.input__input {
		padding: 14px;
	}

	.form__button {
		font-size: 14px;
		letter-spacing: 0;
		padding: 16px;
	}

	.form__inputs {
		margin-top: 20px;
	}

    .remodal-close {
        top: 0px;
        right: 0px;
    }
}