body {
	font-family: "Helvetica";
}

.title {
	font-size: 60px;
	margin: 10px;
}

.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 1000px){
	.grid {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 0px;

	}
}

.controls {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#datepicker {
	border: none;
	outline: none;
	margin: 10px;
	font-size: 25px;
	font-family: "Helvetica";
}

#back {
	font-size: 25px;
	background-color: #FAFAF8;
	border: none;
	background-color: white;
	cursor: pointer;
	margin-left: auto;	
}

#next {
	font-size: 25px;
	background-color: #FAFAF8;
	border: none;
	background-color: white;
	cursor: pointer;
	margin-right: auto;	
}


iframe {
	width: 700px;
	height: 750px;
	border: none;
}

p {
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: auto;
	text-align: justify; 
	display: inline-block;
}

.info {
	margin-top: 8px;
	width: 700px;
	min-height: 750px;
	height: fit-content;
	background-color: #FAFAF8;
}

@media (max-width: 1000px){
	.info {
		width: 692px;
		margin-top: 0px;
		margin-left: 8px;
	}
}