@media screen and (max-width: 1800px) {
	#hero h1, h2 {
		font-size: 175px;
		}

	.s-img-holder {
		left: -72%;
		}
	}

@media screen and (max-width: 1650px) {
	.holder {
		width: 68%;
		}

	#about p {
		font-size: 21px;
		}

	.s-img-holder {
		left: -65%;
		}

	.mail {
		font-size: 76px;
		}
	}

@media screen and (max-width: 1520px) {
	#hero h1, h2 {
		font-size: 160px;
		}

	.s-img-holder {
		left: -54%;
		}
	}

@media screen and (max-width: 1440px) {
	#hero {
		padding-top: 240px;
		padding-bottom: 120px;
		}

	#hero h1, h2 {
		font-size: 140px;
		letter-spacing: -16.5px;
		}

	#hero h1 {
		width: 65%;
		}

	#hero p {
		width: 480px;
		margin-top: 0;
		}

	.block {
		padding-top: 240px;
		padding-bottom: 160px;
		}

	h2 {
		max-width: 80%;
		margin-bottom: 110px;
		}

	#hero p, #about p {
		font-size: 20px;
		}

	.text-holder {
		width: 640px;
		}

	.mail {
		font-size: 66px;
		letter-spacing: -7.5px;
		}
	}

@media screen and (max-width: 1390px) {
	#logo, .tag, #header {
		top: 70px;
		}

	.holder {
		width: 75%;
		}

	.s-holder {
		width: 60%;
		}

	.text-holder {
		top: 60px;
		}
	}

@media screen and (max-width: 1260px) {
	#hero h1 {
		width: 70%;
		}

	h2 {
		max-width: 86%;
		}

	#hero p, #about p {
		font-size: 19px;
		}

	.text-holder {
		width: 580px;
		}

	#about p {
		line-height: 160%;
		}
	}

@media screen and (max-width: 1180px) {
	#hero {
		padding-top: 220px;
		}

	#hero h1 {
		width: 80%;
		}

	#hero p {
		width: 440px;
		}

	h2 {
		max-width: 100%;
		}

	.text-holder {
		width: 520px;
		}

	#about p {
		line-height: 170%;
		}

	.s-img-holder {
		left: -65%;
		}

	.mail {
		font-size: 55px;
		letter-spacing: -6px;
		}
	}

@media screen and (max-width: 1030px) {
	#logo, .tag, #header {
		top: 50px;
		}

	#menu li {
		font-size: 15px;
		}

	#hero h1, h2 {
		font-size: 130px;
		letter-spacing: -14.5px;
		}

	#hero p, #about p {
		font-size: 18px;
		}

	.s-img-holder {
		width: 140px;
		height: 190px;
		left: -55%;
		}

	.mail {
		font-size: 50px;
		}
	}

@media screen and (max-width: 970px) {
	.tag {
		font-size: 14px;
		}

	#hero h1, h2 {
		font-size: 120px;
		}

	#hero p {
		margin-top: 20px;
		}

	.line {
		font-size: 11px;
		}

	.sub {
		font-size: 13px;
		}

	.sub:before {
		top: 9px;
		}

	.mail {
		float: left;
		margin-top: 40px;
		}
	}

@media screen and (max-width: 925px) {
	#hero h1, h2 {
		font-size: 110px;
		letter-spacing: -13px;
		}

	#hero p {
		width: 420px;
		}

	.s-img-holder {
		width: 120px;
		height: 160px;
		left: -45%;
		}
	}

@media screen and (max-width: 860px) {
	.s-holder {
		width: 80%;
		}

	h2 {
		max-width: 80%;
		}

	#hero p {
		margin-top: 30px;
		}

	.sub {
		left: 0;
		}

	.text-holder {
		width: 100%;
		left: 0;
		}

	.s-img-holder {
		position: relative;
		margin-bottom: 60px;
		left: 0;
		}

	#about p {
		width: 70%;
		float: right;
		}

	.mail {
		font-size: 40px;
		letter-spacing: -5px;
		}
	}

@media screen and (max-width: 810px) {
	.holder {
		width: 80%;
		}

	#hero {
		padding-bottom: 220px;
		}

	#hero h1 {
		width: 90%;
		}

	#hero p {
		margin-top: 120px;
		}

	.s-img-holder {
		width: 100%;
		margin-top: 60px;
		}

	.s-img {
		width: 120px;
		height: 160px;
		float: right;
		}

	#about p {
		width: 80%;
		float: left;
		}
	}

@media screen and (max-width: 690px) {
	#preloader ul {
		font-size: 16px;
		}

	#preloader ul li:first-child {
		margin-top: 23px;
		}

	#preloader ul.two li:first-child {
		margin-top: -23px;
		}

	#preloader ul.three li:first-child {
		margin-top: -46px;
		}

	#preloader ul.hide li:first-child {
		margin-top: -69px;
		}

	.tag {
		display: none;
		}

	#hero h1, h2 {
		font-size: 90px;
		letter-spacing: -10.5px;
		}
	}

@media screen and (max-width: 550px) {
	#logo, .tag, #header {
		top: 40px;
		}

	#logo {
		width: 42px;
		height: 48px;
		}

	#menu li {
		padding: 10px 20px;
		}

	.block {
		padding-top: 180px;
		padding-bottom: 60px;
		}

	.holder, .s-holder {
		width: 82%;
		}

	#hero {
		padding-top: 180px;
		padding-bottom: 120px;
		}

	#hero h1, h2 {
		font-size: 75px;
		letter-spacing: -9px;
		}

	#hero h1 {
		width: 100%;
		}

	#hero p {
		width: 100%;
		float: left;
		margin-top: 60px;
		margin-left: 0;
		}

	#hero p, #about p {
		font-size: 16px;
		}

	.line {
		font-size: 9px;
		}

	.line:not(.right) {
		display: none;
		}

	h2 {
		max-width: 100%;
		margin-bottom: 70px;
		}

	.sub {
		font-size: 11px;
		left: 30px;
		}

	.sub:before {
		top: 7px;
		left: -22px;
		}

	.s-img-holder {
		margin-bottom: 40px;
		}

	#about p {
		width: 100%;
		margin-top: -30px;
		}

	.mail {
		font-size: 32px;
		letter-spacing: -3.5px;
		}

	.l-icon {
		width: 9px;
		height: 9px;
		margin-left: 20px;
		}

	#footer-logo {
		width: 66px;
		height: 75px;
		}
	}

@media screen and (max-width: 450px) {
	#hero h1, h2 {
		font-size: 64px;
		letter-spacing: -7px;
		}

	.mail {
		font-size: 26px;
		letter-spacing: -2.5px;
		}
	}

@media screen and (max-width: 355px) {
	#hero h1, h2 {
		font-size: 54px;
		letter-spacing: -6px;
		}
	}

@media screen and (max-width: 300px) {
	#hero h1, h2 {
		font-size: 45px;
		letter-spacing: -5px;
		}
	}