@import url("components/navigation.css");
@import url("components/header.css");
@import url("components/about.css");
@import url("components/features.css");
@import url("components/tours.css");
@import url("components/stories.css");
@import url("components/book.css");
@import url("components/footer.css");
@import url("components/popup.css");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	scroll-behavior: smooth;
	font-family: "lato", sans-serif;
	color: #777;
	padding: 30px;
}

.container {
	max-width: 900px;
}

/*
MEDIA QUERIES

0 - 600px:		Phone
600 - 900px: 	Tablet portrait
900 - 1200px:	Tablet landscape
1200 - 1800px:	Desktop
1800 - ∞:		Big desktop

1em = 16px
*/

@media (min-width: 112.5em) {
	
}

@media (max-width: 75em) {
	
}

@media (max-width: 56.25em) {
	body {
		padding: 0;
	}
}

@media (max-width: 37.5em) {
	body {
		padding: 0;
	}
}