﻿#footer {
	padding: 30px 60px 30px 0;
	margin-top: 32px;
	background-color: #201d1d;
	display: flex;
}

	#footer #logo {
		width: 20%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		#footer #logo a svg {
			width: 100%;
		}

	#footer #links {
		width: 80%;
		display: flex;
		border-left: 1px solid white;
		padding-left: 20px;
	}

		#footer #links #booking-links {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			text-decoration: underline;
		}

		#footer #links #main-links {
			justify-content: center;
			display: flex;
			align-items: center;
			flex: 1 1 auto;
			font-style: normal;
			font-weight: normal;
			font-size: 48px;
			line-height: 58px;
			letter-spacing: 0.04em;
			color: #FFFFFF;
			text-decoration: none;
		}

@media screen and (max-width: 1200px) {
	#footer #links #main-links {
		font-size: 30px;
	}
}

@media screen and (max-width: 950px) {
	#footer #links #main-links {
		font-size: 24px;
	}
}

@media screen and (max-width: 900px) {
	#footer #links #main-links {
		font-size: 19px;
	}
}

@media screen and (max-width: 800px) {
	#footer {
		flex-direction: column;
		justify-content: center;
	}

		#footer #logo {
			padding-right: 0;
			width: 100%;
			margin-bottom: 30px;
		}

		#footer #links {
			width: 100%;
			border-left: 0;
			padding-left: 0;
			flex-direction: column;
		}

			#footer #links #booking-links {
				text-align: center;
				row-gap: 10px;
				margin-bottom: 20px;
			}

			#footer #links #main-links {
				font-size: 20px;
			}
}

@media screen and (max-width: 410px) {
	#footer #links #main-links {
		font-size: 18px;
	}
}
