.container {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.img-fluid {
	background-image: url("ramon-salinero-vEE00Hx5d0Q-unsplash.jpg");
	background-size: cover;
	background-position: center center;
	position: absolute;
	height: auto;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    top: 0;
	width: auto;
}
.cover {
	position: fixed;
    opacity: 1;
    left: 0px;
    top: 0px;
    width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.66);
}
#navLinks a:hover {
	color: #a5b6be;
}
#top {
	margin-top: 100px;
}

.item {
	margin: auto;
}

.title {
	font-family: 'Grand Hotel', cursive;
	font-size: 10rem;
	color: #012c61;
}

#bottom {
	font-family: 'Livvic', sans-serif;
}

.motto {
	font-size: 2rem;
	padding-top: 50px;
	color: #cd5182;
}

.text {
	padding-top: 50px;
	font-weight: 300;
	color: #93a99a;
}

.footer {
	font-size: 0.8rem;
	font-weight: 100;
	padding-top: 300px;
	color: grey;
}

.footer a{
	color: #a5b6be;
	font-weight: 300;
}

#readmore {
	font-size: 0.8rem;
	font-style: italic;
	color: grey;
}

@media screen 
	and (min-device-width: 1200px) 
	and (max-device-width: 1600px) { 
		.footer {
			padding-top: 250px;
		}
}

@media screen 
	and (min-device-width: 320px) 
	and (max-device-width: 1112px) { 
		#top {
			margin-top: 50px;
		}
		.footer {
			padding-top: 100px;
		}
}

@media screen
	and (min-device-width: 381px)
	and (max-device-width: 767px) { 
		.title {
			font-size: 5rem;
		}
}

@media screen
	and (min-device-width: 320px)
	and (max-device-width: 380px) { 
		.title {
			font-size: 4rem;
		}
}