/* CELL PHONES */
@media only screen and (max-width: 600px) {
	.page {
		padding-top: 10vh !important;
		background-attachment: local !important;
	}

	#header {
		height: 10vh !important;

		& .header-title {
			a {
				font-size: 25px !important;
				text-underline-offset: 5px !important;
				margin-right: 35px;
			}
		}

		.header-nav-icon {
			width: 15% !important;

			.bar1,
			.bar2,
			.bar3 {
				width: 25px !important;
				height: 2px !important;
				margin: 9px 0 !important;
				border-radius: 5px !important;
			}

			.nav-icon.active {
				padding: 3px !important;
			}
		}

		.spacer {
			width: 0% !important;
		}
	}

	#home {
		.event_details {
			font-size: 45px !important;
			text-underline-offset: 5px !important;
		}

		& .detail_divider {
			.date_of_wedding {
				font-size: 30px !important;
			}
		}

		.countdown-timer,
		.address_of_wedding,
		.date_of_rsvp {
			text-align: center;
			font-size: 15px !important;
		}
	}


	#love_story {
		& .how-we-met {
			overflow-y: scroll;
			height: 450px !important;

			.love-heading {
				font-size: 45px !important;
				text-underline-offset: 5px !important;
			}

			.love-paragraph {
				text-align: center;
				font-size: 15px !important;
				line-height: 1.7 !important;
				margin-bottom: 10px !important;
			}
		}
	}

	#rsvp {
		#rsvp_form {
			padding: 10px !important;
			width: 350px !important;

			& .rsvp_fetch_form {
				.rsvp_code_input {
					font-size: 15px !important;
					padding: 10px !important;
				}

				& .fetch_button {
					button {
						font-size: 15px !important;
					}
				}
			}
		}
	}

	.chestnut {
		& .chestnut-message {

			p {
				font-size: 15px;
			}
		}

		.banking-info {
			margin-top: 15px;

			.bank-info-title,
			p {
				font-size: 15px;
			}

			.bank-info-title {
				text-decoration: 2px underline var(--accent-clr);
				text-underline-offset: 2px !important;
			}

		}
	}

	#faqs {
		& .faq-container {
			overflow-y: scroll;
			height: 450px !important;

			.accordion {
				font-size: 14px !important;
			}
		}
	}
}

/* TABLETS */
@media only screen and (min-width: 600px) and (max-width: 800px) {
	.page {
		padding-top: 10vh !important;
		background-attachment: local !important;
	}

	#header {
		height: 10vh !important;

		& .header-title {
			a {
				font-size: 35px !important;
				text-underline-offset: 5px !important;
				margin-right: 105px;
			}
		}

		.header-nav-icon {
			width: 15% !important;

			.bar1,
			.bar2,
			.bar3 {
				width: 25px !important;
				height: 2px !important;
				margin: 9px 0 !important;
				border-radius: 5px !important;
			}

			.nav-icon.active {
				padding: 3px !important;
			}
		}

		.spacer {
			width: 0% !important;
		}
	}

	#home {
		.event_details {
			font-size: 45px !important;
			text-underline-offset: 5px !important;
		}

		& .detail_divider {
			.date_of_wedding {
				font-size: 30px !important;
			}
		}

		.countdown-timer,
		.address_of_wedding,
		.date_of_rsvp {
			text-align: center;
			font-size: 15px !important;
		}
	}


	#love_story {
		& .how-we-met {
			overflow-y: scroll;
			height: 450px !important;

			.love-heading {
				font-size: 45px !important;
				text-underline-offset: 5px !important;
			}

			.love-paragraph {
				text-align: center;
				font-size: 15px !important;
				line-height: 1.7 !important;
				margin-bottom: 10px !important;
			}
		}
	}

	#rsvp {
		#rsvp_form {
			padding: 10px !important;
			width: 450px !important;

			& .rsvp_fetch_form {
				.rsvp_code_input {
					font-size: 15px !important;
					padding: 10px !important;
				}

				& .fetch_button {
					button {
						font-size: 15px !important;
					}
				}
			}
		}
	}

	.chestnut {
		& .chestnut-message {

			p {
				font-size: 15px;
			}
		}

		.banking-info {
			margin-top: 15px;

			.bank-info-title,
			p {
				font-size: 15px;
			}

			.bank-info-title {
				text-decoration: 2px underline var(--accent-clr);
				text-underline-offset: 2px !important;
			}

		}
	}

	#faqs {
		& .faq-container {
			overflow-y: scroll;
			height: 450px !important;

			.accordion {
				font-size: 14px !important;
			}
		}
	}
}