@media (min-width: 1px) and (max-width: 800px) {
	.menu {
		height: 72px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.menu-logo p {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 800;
		font-size: 16px;
		line-height: 20px;
		display: flex;
		align-items: center;
		color: #000000;
	}
	.menu-logo {
	}
	.menu-button {
	}
	.menu-button button {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 500;
		font-size: 14.4px;
		line-height: 16px;
		color: #000000;
		background-color: #fec600;
		border: 0;
		border-radius: 12px;
		padding: 12px 20px;
		text-decoration: underline;
		transition: 0.2s;
	}
	.menu-button button:hover {
		color: #000000;
		background-color: #fec700bc;
		transition: 0.2s;
	}
	.main {
		padding-top: 32px;
	}
	.main-text {
		position: relative;
		margin-bottom: 64px;
	}
	.main-text-h1 {
		text-align: center;
		margin-bottom: 16px;
	}
	.main-text-h1 h1 {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 700;
		font-size: 28.4px;
		line-height: 32px;
		color: #ffffff;
		position: relative;
	}
	.main-text-h1 img {
		position: absolute;
		top: -30%;
		left: 90%;
		width: 48px;
	}
	.main-text-p {
		margin: auto;
		text-align: center;
		width: 90%;
	}
	.main-text-p p {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 16.1px;
		line-height: 24px;
		color: #ffffff;
	}
	.main-text-img {
		position: absolute;
		top: 95%;
		left: 10%;
	}
	.main-text-img img {
		width: 50%;
	}
	.button-text {
		text-align: center;
	}
	.button-text-h2 {
		margin-bottom: 16px;
	}
	.button-text-h2 h2 {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 700;
		font-size: 32.4px;
		line-height: 32px;
		color: #ffffff;
	}
	.button-text-p {
		margin: auto;
		width: 70%;
		margin-bottom: 16px;
	}
	.button-text-p p {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 16.1px;
		line-height: 24px;
		color: #ffffff;
	}
	.main-button {
	}
	.main-button .anchor p a {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
		color: #ffffff;
		text-decoration: none;
		transition: 0.2s;
	}
	.main-button .anchor p a:hover {
		color: #ffffffaf;
		transition: 0.2s;
	}
	.main-button .button button {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 800;
		font-size: 18px;
		line-height: 19px;
		color: #000000;
		background-color: #f3be00;
		border: 0;
		border-radius: 14px;
		padding: 16px 32px;
		margin-bottom: 8px;
		transition: 0.2s;
	}
	.main-button .button button:hover {
		color: #000000;
		background-color: #ffd22d;
		transition: 0.2s;
	}
	.main-button .button button img {
		margin-left: 8px;
		width: 32px;
	}
}
@media (min-width: 486px) and (max-width: 810px) {
	.main-text-h1 img {
		position: absolute;
		top: -130%;
		left: 78%;
		width: auto;
	}
	.main-text-p {
		margin: auto;
		text-align: center;
		width: 100%;
	}
	.button-text-p {
		width: 100%;
	}
	/* .main-text-img {
        position: absolute;
        top: 95%;
        left: 0%;
    } */
}
@media (min-width: 430px) and (max-width: 500px) {
	.main-text-img {
		position: absolute;
		top: 100%;
		left: 0%;
	}
}
@media (min-width: 700px) and (max-width: 1024px) {
	.main-text-p p {
		font-size: 22px;
		line-height: 28px;
	}
	.button-text-p p {
		font-size: 22px;
		line-height: 28px;
	}
}

@media (min-width: 801px) and (max-width: 991px) {
	.main-text-img {
		position: absolute;
		top: 90%;
		left: 0%;
	}
	.main-text-p {
		margin: auto;
		text-align: center;
		width: 100%;
	}
	.button-text-p {
		width: 100%;
	}
}