@charset "UTF-8";
/* CSS Document */

body {
	overflow-x: hidden;
}

@media (min-width: 900px) {
	.header-text  {
		font-size: 38px;
	}

	#vector1 {
		right: 30vw;
		bottom: var(--top-border);
		height: 26vw;
		max-height: 260px;
	}
	
	#vector2 {
		z-index: -9999;
		right: 23vw;
		top: 0px;
		height: 21vw;
		max-height: 260px;
	}
	
	#vector3 {
		z-index: -9999;
		right: 30px;
		top: 35vh;
		height: 24vw;
		max-height: 260px;
	}
}

@media (max-width: 900px) {
	.header-text  {
		font-size: 38px;
	}

	#vector1 {
		z-index: -9999;
		right: 30vw;
		bottom: var(--top-border);
		height: 210px;
	}
	
	#vector2 {
		z-index: -9999;
		height: 150px;
		right: 23vw;
		top: 0px;
	}
	
	#vector3 {
		z-index: -9999;
		right: 30px;
		top: 35vh;
		height: 190px;
	}
}

@media (max-width: 700px) {
	.header-text  {
		font-size: 28px;
	}

	.head-header-text  {
		font-size: 40px;
	}

	p, li  {
		font-size: 18px;
	}

	.calendar-icon  {
		height: 82px;
		width: 82px;
	}

	.pricetag2 {
		font-size: 22px;
	}

	small {
		font-size: 18px;
	}

	.E1 {
		border-width: 5px;
	}

	.E2 {
		border-width: 5px;
	}

	.space-line {
		height: 5px;
	}

	.choice-grid {
		height: 400px;
	}

	.sub-text-override {
		font-size: 16px;
	}

	.choice-grid-container {
		gap: 30px;
	}
}

@media (max-width: 550px) {
	.header-text  {
		font-size: 22px;
		margin-bottom: 4vh;
		margin-top: 1vh;
	}

	.header-container {
		padding-bottom: 2vh;
	}

	.spaceing-layout {
		height: 130px;
	}

	form {
		margin-bottom: 0px;
	}

	.form-container {
		padding: 30px;
		margin-top: 10vh;
	}

	.container2 {
		width: 90%;
	}

	.head-header-text  {
		font-size: 30px;
	}

	p, li  {
		font-size: 18px;
	}

	.calendar-icon  {
		height: 62px;
		width: 62px;
	}

	.pricetag2 {
		font-size: 18px;
	}

	small {
		font-size: 14px;
	}

	.E1 {
		border-width: 4px;
	}

	.E2 {
		border-width: 4px;
	}

	.space-line {
		height: 4px;
	}

	.choice-grid {
		height: 340px;
	}

	.sub-text-override {
		font-size: 14px;
	}

	.choice-grid-container {
		gap: 20px;
	}

	#protected-tag {
		text-align: center;
		margin-top: 30px;
	}
}

@media (max-width: 400px) {
	.header-text  {
		font-size: 18px;
		margin-bottom: 4vh;
		margin-top: 1vh;
	}

	.header-container {
		padding-bottom: 2vh;
	}

	.spaceing-layout {
		height: 130px;
	}

	form {
		margin-bottom: 0px;
	}

	.form-container {
		padding: 20px;
	}

	.container2 {
		width: 100%;
	}

	.head-header-text  {
		font-size: 20px;
	}

	p, li  {
		font-size: 16px;
		margin-bottom: 1.5rem;
	}

	.calendar-icon  {
		height: 56px;
		width: 56px;
	}

	.pricetag2 {
		font-size: 16px;
	}

	small {
		font-size: 12px;
	}

	.E1 {
		border-width: 4px;
	}

	.E2 {
		border-width: 4px;
	}

	.space-line {
		height: 4px;
	}

	.choice-grid {
		height: 280px;
	}

	.sub-text-override {
		font-size: 12px;
	}

	.choice-grid-container {
		gap: 20px;
	}

	#lock_icon {
		padding-top: 20px;
	}

	#protected-tag {
		text-align: center;
		margin-top: 40px;
	}

	.form-break {
		margin-top: 4vh;
    	margin-bottom: 4vh;
	}

	.sub-button {
		transform: scale(1);
	}

	.sub-button:hover {
		transform: scale(1.02);
	}

	.spaceing-layout-half {
		height: 60px;
	}
}