@media screen and (max-width: 1500px) {
	.method:nth-child(4) h4 {
		color:var(--theme-dark);
	}	
}

@media screen and (max-width: 991px) {
	body {
		background: -webkit-linear-gradient( 116deg, rgb(48,53,57) 0%, rgb(69,77,83) 100%);;
	}
	
	.inner-first {
		padding: 5vh 0 5vh 0;
		background: 100% 60% / 40vh url(/img/first_screen.png) no-repeat;
	}
	
	.content-first {
		width: 75%;
	}

	.header {
		grid-template-columns: 100px auto 1fr auto;
	}

	.header__delivery{
		display: none;
	}

	
	.method:nth-child(4) h4 {
		color:var(--theme-light);
	}	

	
	.method:last-child h4 {
		color:var(--theme-light);
	}
	
	.footerCredits__author {
		color:var(--theme-light);
	}

	.footerCredits__author-link{
		color:var(--theme-light);
	}
}

@media screen and (max-width: 1199px) {
	.separator-messengers {
		background: none;
		grid-template-areas:
			"separator__title separator__title"
			"separator__desc separator__desc"
			"messengersBlock messengersBlock";
		padding: 0;
		row-gap: 1.5em;
	}

	.inner-first {
		padding: 5vh 0 5vh 0;
		background:none!important;
	}
}

@media screen and (max-width: 1090px) {
	.header {
		grid-template-columns: 100px 1fr auto;
	}

	.header__descriptor {
		display: none;
	}

	.content-first{
		width: 100%;
	}

	h1 {
		font-size: 4em;
	}
}

@media screen and (max-width: 768px) {

	[role="phone"] {
		font-size: 5vw;
	}

	.section-first {
		min-height: 0;
		background-position: 35% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.inner-first {
		padding: 3vh 0 10vh 0;
		background: 100% 60% / 50% url(/img/first_screen.png) no-repeat;
	}

	.method__img {
		height: auto;
	}

	.header {
		height: 20vw;
		min-height: 10vh;
		column-gap: 6vw;
		grid-template-columns: auto 1fr 1fr;
	}

	.messengers {
		grid-template-columns: 8vw 8vw;
		column-gap: 4vw;
	}

	.contacts__backcall {
		font-size: 4vw;
	}

	.content-first {
		width: 100%;
		align-content: start;
		align-items: flex-start;
		row-gap: 1em;
	}

	.tip{
		font-size: 4.5vw;
	}

	.title {
		font-size: 8vw;
	}

	.subtitle {
		font-size: 5vw;
	}

	.buttons-group {
		margin-top: 5vw;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3,auto);
		row-gap: 1.25em;
	}


	.cta{
		position: static;
		padding-left: 10%;
		width: 80%;
		font-size: 4vw;
		margin-left: 3vw;
	}

	.cta:before{
		top:1%;
		left: 0;
		width: 25px;
		height: 25px;
	}

	.cta:after {
		display: none;
	}

	.complexButton{
		width: 100%;
		min-width: 100%;
		height: 80px;
	}

	.gallery_img {
		height: auto;
		min-height: 420px;
	}

	/*methods*/
	.inner-methods{
		grid-template-columns: 1fr 1fr;
		row-gap: 2em;
		column-gap: 1em;
	}


	/*contacts*/
	.inner-contacts {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}

	.block-row {
		justify-items: center;
		text-align: center;
		min-height: auto;
	}

	.phone-footer {
		font-size: 8vw;
	}

	.footerCredits {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		justify-items: center;
		row-gap: 1em;
	}

	.footerCredits__disclaimer {
		justify-self: center;
		text-align: center;
	}

	.footerCredits__copyright {
		justify-self: center;
		text-align: center;
	}

	.footerCredits__author {
		justify-self: center;
	}

}

/*iPhone SE fix*/
@media screen and (max-width: 569px) and (orientation: landscape) {
	h1 {
		font-size: 6vw;
	}
	.section-first {
		min-height: 900px;
	}
}
