html {
	scroll-behavior: smooth;
}

ul, li, p, h1, h2, h3, h4, body, div, section, span, img, body {
	margin: 0;
	padding: 0;
	font-family: Inter;
}

body {
	font-family: 'Inter', sans-serif;
}

p {
	font-size: 24px;
	font-weight: 400;
	color: #040404;
}

@font-face {
	font-weight: 700;
	font-family: Inter;
	src: url("static/Inter-Bold.woff");
}

@font-face {
  font-weight: 600;
  font-family: Inter;
  src: url("static/Inter-SemiBold.woff");
}

@font-face {
  font-weight: 400;
  font-family: Inter;
  src: url("static/Inter-Regular.woff");
}

h1, h2, h3, h4, span {
	font-weight: 700;
}

h3 {
	font-size: 70px;
	color: #000;
	max-width: max-content;
}

span {
	font-size: 85px;
	color: white;
	text-shadow: 2px 0 2px #000, 
	0 2px 2px #000, 
	-2px 0 2px #000, 
	0 -2px 2px #000;
}

.container {
	width: 1490px;
	margin: 0 auto;
}

.laptop-db {
		display: none;
	}

.tablet-db {
		display: none;
	}

.mobile-db {
		display: none;
	}

.offer {
	background-size: cover;
	background-color: #232323;
}

.container-offer {
	position: relative;
	height: 105vh;
	min-height: 650px;
	width: 100%;
	
}

.offer-title-wrapper {
	position: absolute;
	top: 108px;
	left: 3%;
}

.offer-title-wrapper h1 {
	color: #F4E5CE;
	font-size: 50px;
}

.offer-title-wrapper h2 {
	color: #FFF;
	font-size: 80px;
	width: 1245px;
}

.container-offer p {
	color: #F4F4F4;
	width: 731px;
	position: absolute;
	right: 3%;
	bottom: 5%;
}

.beginning {
	padding-top: 200px;
}

.beginning-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.beginning-text-wrapper {
	width: 730px;
}

.beginning p {
	text-align: center;
}

.beginning-text-wrapper p {
	text-align: left;
}

.beginning h3 {
	max-width: max-content;
	margin: 0 auto;
	margin-bottom: 110px;
}

.beginning-buildings {
	margin-bottom: 40px;
}

.zenit-and-grom {
	padding: 200px 0;
}

.zag-title-wrapper {
	margin-left: auto;
	max-width: max-content;
}

.zag-subtitle {
	margin-bottom: 110px;
}

.zag-text-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: start;
	margin-bottom: 40px;
}

.zag-text-wrapper p {
	width: 730px;
}

.zag-img-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.quote-wrapper {
	padding: 108px 178px;
	background: #F4E5CE;
}

.quote p {
	text-align: center;
	font-size: 36px;
}

.muslim-battalion {
	padding: 200px 0;
}

.muslim-battalion-title {
	margin-bottom: 110px;
}

.muslim-battalion-img-wrapper, .muslim-battalion-wrapper {
	display: flex;
	justify-content: space-between;
}

.muslim-battalion-wrapper {
	margin-bottom: 40px;
}

.muslim-battalion-wrapper p {
	width: 640px;
}

.muslim-battalion-img:not(:last-child) {
	margin-right: 9px;
}

.storm {
	padding-bottom: 200px;
}

.storm h3 {
	margin-bottom: 100px;
}

.storm-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.storm-text-wrapper {
	width: 520px;
}

.storm p:not(:last-child) {
	margin-bottom: 66px;
}

.fact-wrapper {
	padding: 100px 118px;
	background: #F4E5CE;
}

.fact p {
	text-align: center;
	font-size: 36px;
}

.untitled {
	padding: 200px 0;
}

.untitled-wrapper {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 40px;
}

.untitled-text-wrapper {
	width: 730px;
}

.untitled-text-wrapper p:last-child {
	margin-top: 50px;
}

.untitled-section-img-building {
	margin-top: 40px;
}

.recovery {
	padding-bottom: 200px;
}

.recovery h3 {
	margin-bottom: 88px;
	margin-left: auto;
}

.recovery-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 25px;
}

.recovery-text {
	width: 730px;
}

.recovery-wrapper-2, .recovery-inner-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.recovery-wrapper-2 {
	margin-top: 65px;
}

.recovery-inner-wrapper {
	align-items: start;
	width: 730px;
}

.recovery-inner-text-wrapper {
	width: 350px;
}

.recovery-inner-text:first-child {
	margin-bottom: 30px;
}

.sorry {
	padding-bottom: 150px;
}

.sorry-wrapper {
	padding: 143px 275px;
	background: #F4E5CE;
}

.sorry p {
	text-align: center;
	font-size: 36px;
}

@media (max-width: 1500px) {
	.container {
		max-width: 1250px;
	}

	.offer-title-wrapper h2 {
		font-size: 75px;
		width: 1105px;
	}

	.container-offer p {
		bottom: 20px;
		right: 120px;
	}

	.beginning-wrapper img {
		width: 600px;
	}

	.beginning-text-wrapper {
    	width: 599px;
	}

	.beginning h3 {
		margin-bottom: 40px;
	}

	.beginning-buildings {
		width: 100%;
	}

	.zag-text-wrapper p {
		width: 600px;
	}

	.zag-img-wrapper img {
		width: 400px;
	}

	.quote p {
		font-size: 30px;
	}

	.muslim-battalion-wrapper p {
		width: 490px;
	}

	.fact-wrapper p {
		font-size: 30px;
	}

	.untitled-text-wrapper {
		width: 495px;
	}

	.untitled-section-img-building {
		width: 100%;
	}

	.recovery-wrapper p {
		width: 490px;
	}

	.recovery-inner-wrapper {
		width: 615px;
	}

	.recovery-inner-text-wrapper {
		width: 253px;
	}

	.recovery-inner-text-wrapper p {
		font-size: 20px;
	}

	.sorry p {
		font-size: 24px;
	}
}

@media (max-width: 1249px) {
	.container {
		max-width: 960px;
	}

	.offer-title-wrapper h2 {
		font-size: 70px;
		width: 935px;
	}

	h3 {
		font-size: 50px;
	}

	span {
		font-size: 65px;
	}

	p {
		font-size: 20px;
	}

	.container-offer p {
		width: 625px;
		right: 145px;
	}

	.beginning {
    	padding-top: 130px;
	}

	.beginning-wrapper img {
    	width: 475px;
    	height: 470px;
	}

	.beginning-text-wrapper p {
		width: 440px;
	}

	.zenit-and-grom {
		padding: 120px 0;
	}

	.zag-title-wrapper span {
    	margin-left: auto;
    	display: block;
    	max-width: fit-content;
	}

	.zag-subtitle {
		margin-bottom: 45px;
	}

	.zag-img-wrapper img {
		width: 315px;
		height: 265px;
	}

	.quote p {
		font-size: 24px;
	}

	.quote-wrapper {
		padding: 45px 80px;
	}

	.muslim-battalion {
		padding: 120px 0;
	}

	.muslim-battalion-title {
		margin-bottom: 45px;
	}

	.muslim-battalion-img-wrapper img {
		width: 230px;
		height: 240px;
	}

	.muslim-battalion-wrapper p {
		width: 475px;
	}

	.storm {
		padding-bottom: 120px;
	}

	.storm h3 {
		margin-bottom: 45px;
	}

	.storm img {
		width: 400px;
		height: 555px;
	}

	.storm-text-wrapper {
		width: 390px;
	}

	.fact-wrapper p {
		font-size: 24px;
	}

	.fact-wrapper {
		padding: 62px 80px;
	}

	.untitled {
		padding: 120px 0;
	}

	.untitled-wrapper img {
		width: 475px;
		height: 570px;
	}

	.untitled-text-wrapper {
		width: 475px;
	}

	.untitled-text-wrapper p:last-child {
		margin-top: 20px;
	}

	.untitled-section-img-building {
		height: auto;
	}

	.recovery-wrapper img {
		width: 470px;
		height: 330px;
	}

	.recovery-wrapper p {
		width: 475px;
	}

	.recovery h3 {
		margin-bottom: 45px;
	}

	.recovery-inner-wrapper img {
		width: 250px;
		height: 600px;
	}

	.recovery-text {
/*		display: none;*/
	}

	.laptop-dn {
		display: none;
	}

	.laptop-db {
		display: block;
	}

	.laptop-poa {
		position: absolute;
	}

	.recovery {
		padding-bottom: 120px;
	}

	.recover-inner-img.laptop-poa {
		right: 24%;
	}

	.recovery-inner-text-wrapper {
		width: 475px;
	}

	.recovery-inner-text-wrapper:last-child {
		display: none;
	}

	.recovery-inner-wrapper:last-child {
		max-width: fit-content;
	}

	.recovery-inner-text {
		margin-bottom: 20px;
	}

	.sorry-wrapper {
		padding: 70px 80px;
	}

	.sorry p {
		font-size: 24px;
	}
}

@media (max-width: 1065px) {
	.offer-title-wrapper h2 {
		font-size: 65px;
		width: 884px;
	}
}

@media (max-width: 991px) {
	.container {
		max-width: 720px;
	}

	.offer-title-wrapper h1 {
		font-size: 35px;
	}

	.offer-title-wrapper h2 {
		font-size: 40px;
		width: 585px;
	}

	.container-offer p {
		width: 585px;
		right: 5px;
	}

	p {
		font-size: 18px;
	}

	h3 {
		font-size: 40px;
	}

	span {
		font-size: 55px;
	}

	.beginning-text-wrapper p {
		width: 380px;
	}

	.beginning-wrapper img {
    	width: 310px;
    	height: 290px;
	}

	.zag-img-wrapper img {
		width: 235px;
		height: 195px;
	}

	.zag-img-wrapper {
		justify-content: space-evenly;
	}

	.zag-text-wrapper p {
		width: 350px;
	}

	.quote p {
		font-size: 20px;
	}

	.fact-wrapper p {
		font-size: 20px;
	}

	.sorry p {
		font-size: 20px;
	}

	.quote-wrapper, .fact-wrapper, .sorry-wrapper {
		padding: 27px 52px;
	}

	.muslim-battalion-wrapper p {
		width: 100%;
		margin-bottom: 30px;
	}

	.muslim-battalion-wrapper {
		flex-direction: column-reverse;
	}

	.muslim-battalion-img-wrapper img {
		width: 250px;
		height: 260px;
	}

	.muslim-battalion-img-wrapper {
		justify-content: space-evenly;
	}

	.storm img {
    	width: 300px;
   		height: 380px;
	}

	.storm p:not(:last-child) {
		margin-bottom: 25px;
	}

	.untitled-wrapper img {
		width: 300px;
		height: 350px;
	}

	.tablet-dn {
		display: none;
	}

	.tablet-db {
		display: block;
	}

	.untitled-text-wrapper:first-child {
		width: 345px;
	}

	.untitled-text-wrapper {
		width: 100%;
	}

	.untitled-text.tablet-db {
		margin-bottom: 15px;
	}

	.untitled-text-wrapper p:last-child {
		margin-top: 15px;
	}

	.recovery-wrapper {
		flex-direction: column-reverse;
	}

	.recovery-wrapper img {
    	width: 95%;
    	height: 375px;
    	margin: auto;
    	margin-top: 20px;
	}

	.recovery-wrapper p {
		width: 100%;
	}

	.recover-inner-img.laptop-poa {
		position: static;
	}

	.recovery-inner-wrapper {
		width: 100%;
	}

	.recovery-inner-text.laptop-db:last-child {
		margin-top: 90px;
		width: 700px;
	}

	.recovery-inner-text-wrapper {
		width: 450px;
	}
}

@media (max-width: 719px) {
	.container {
		max-width: 610px;
	}

	.beginning {
		padding-top: 100px;
	}

	.zenit-and-grom, .untitled, .muslim-battalion {
		padding: 100px 0;
	}

	.storm, .recovery {
		padding-bottom: 100px;
	}

	.sorry {
		padding-bottom: 70px;
	}

	.beginning-text-wrapper p {
		width: 300px;
	}

	.beginning-wrapper img {
    	width: 300px;
    	height: 285px;
	}

	.beginning-wrapper {
		align-items: end;
	}

	.zag-text-wrapper p {
		width: 291px;
	}

	.zag-img-wrapper img {
    	width: 45%;
   		height: auto;
	}

	.untitled-wrapper img {
    	width: 283px;
    	height: 350px;
	}

	.untitled-text-wrapper:first-child {
    	width: 312px;
	}

	.recovery-inner-wrapper img {
		width: 215px;
		height: 430px;
	}

	.recovery-inner-text-wrapper p {
		font-size: 16px;
	}

	.recovery-inner-text-wrapper {
		width: 350px;
	}

	.recovery-inner-text:first-child {
		margin-bottom: 10px;
	}

	.recovery-inner-text {
		margin-bottom: 10px;
	}

	.recovery-inner-text.laptop-db:last-child {
		width: 604px;
		margin-top: 23px;
	}
}

@media (max-width: 609px) {
	.container {
		max-width: 97%;
	}

	p {
		font-size: 16px;
	}

	h1, h2, h3 {
		font-size: 30px;
	}

	span {
		font-size: 45px;
	}

	.container-offer {
		height: 100vh;
	}

	.offer-title-wrapper {
		width: 95%;
	}

	.offer-title-wrapper h2 {
		width: auto;
		margin-top: 40px;
	}

	.container-offer p {
		display: none;
	}

	.mobile-db {
		display: block;
	}

	.offer-mobile-text.mobile-db p {
		width: 95%;
		margin-top: 40px;
	}

	.beginning-wrapper {
		flex-direction: column-reverse;
	}

	.beginning-text-wrapper p {
		width: 95%;
	}

	.beginning-text-wrapper {
		width: auto;
	}

	.beginning-wrapper img {
		width: 95%;
		height: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}

	.beginning p:last-child {
		display: block;
		width: 95%;
		margin: auto;
	}

	.mobile-dn {
		display: none;
	}

	.zag-text-wrapper p {
		width: 95%;
	}

	.zag-img-wrapper {
		justify-content: space-evenly;
		margin-bottom: 20px;
	}

	.zag-text.mobile-db {
		width: 95%;
	}

	.quote p {
		font-size: 16px;
	}

	.fact-wrapper p {
		font-size: 16px;
	}

	.sorry p {
		font-size: 16px;
	}

	.quote-wrapper, .fact-wrapper, .sorry-wrapper {
		padding: 20px 25px;
	}

	.muslim-battalion-wrapper p {
		width: 95%;
	}

	.muslim-battalion-img-wrapper img {
    	width: 43%;
    	height: auto;
	}

	.storm-wrapper {
		display: block;
	}

	.storm-text-wrapper {
		width: 95%;
		margin-bottom: 20px;
	}

	.storm img {
		width: 95%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.untitled-wrapper {
		display: block;
	}

	.untitled-text-wrapper:first-child {
		width: 95%;
	}

	.recovery h3 {
		margin-left: 0;
		margin-right: auto;
	}

	.untitled-wrapper img {
		width: 95%;
		height: auto;
		display: block;
		margin: 20px auto;
	}

	.recovery-wrapper p {
		width: 95%;
	}

	.recovery-wrapper img {
		height: auto;
	}

	.recovery-inner-wrapper {
		display: block;
	}

	.recovery-inner-text-wrapper {
		width: 95%;
	}

	.recovery-inner-text.mobile-db {
		width: 95%;
	}

	.recover-inner-img.laptop-poa{
		width: 80%;
		height: auto;
		display: block;
		margin: 20px auto;
	}
}