html {
	box-sizing: border-box;
	font-family: "Arial", "Helvetica";
	font-size: 24px;
	color: #FDFDFB;
}

*, *::before, *::after {
	box-sizing: inherit;
	font: inherit;
	color: inherit;
}


/*****************************
	For Mobile Devices
*****************************/


body {
	margin: 0;
}

a {
	text-decoration: none;
}


.fa {
	font-size: 3em;
}

h1, {
	text-align: center;
	font-family: "Tangerine", "cursive";
	font-size: 5em;
}



/***************************
	Components
***************************/

.header-primary {
	background-image: url("images/streetlamp1b.jpg");
	padding-bottom: 100px;
}

.header-primary nav {
	padding-top: 30px;
}

.header-primary nav a {
	display: block;
	font-size: 2em;
	margin: 50px 0 0 10px;
}

.header-primary h1 {
	text-align: right;
	margin-right: 30px;
	font-family: "Tangerine", "cursive";
	margin-top: 0;
	padding-top: 50px;
	font-size: 3.5em;
	display: block;
}

.mid-section {
	height: 500px;
	background-image: url("images/wood-bg.jpg");
}

.gallery-primary .slider {
	display: none;
}

.gallery-primary img {
	padding-top: 140px;
}

.gallery-primary img:nth-child(1) {
	margin-left: 30px;
}

.gallery-primary .primary-img-m {
	width: 90%;
	height: 90%;
	margin: 0 0 20px 0;
}

.bottom-section {
	background-image: url("images/restaurant1b.jpg");
	background-size: cover;
	min-height: 540px;
	border-top: 100px solid #0D1018;
	border-bottom: 100px solid #0D1018;
}

.bottom-section a {
	padding-top: 50px;
	margin-top: -20px;
	float: right;
	padding-right: 30px;
	text-align: center;
	font-family: "Tangerine", "cursive";
	font-size: 2.7em;
}

.bottom-section .question:hover {
	color: yellow;
}

.bottom-section .answer {
	font-size: 2em;
}

.bottom-section img {
	height: 30%;
	width: 30%;
	margin: 38px 0 96px 0;
}


/*****************************
	For Desktop
*****************************/

@media only screen and (min-width: 768px){



	/***************************
		Components
	***************************/

	.header-primary {
		background-size: cover;
		min-height: 100vh;
	}

	.header-primary h1 {
		font-size: 5em;
		display: inline-block;
		float: right;
	}

	.header-primary nav a {
		margin-left: 30px;
		display: inline-block;
        font-size: 1em;
        transform: translate(0, -50px);
	}

	.mid-section {
		height: 500px;
		background-image: url("images/wood-bg.jpg");
	}
    
    .gallery-primary .slider {
    	display: block;
    }

	.gallery-primary img {
		padding-top: 40px;
	}

	.gallery-primary img:nth-child(1) {
		margin-left: 30px;
	}

	.gallery-primary .primary-img-m {
		display: none;
	}
    
    .bottom-section {
    	min-height: 100vh;
    }

	.bottom-section .answer {
		font-size: 4em;
	}

    .bottom-section a {
    	display: inline-block;
    }

    .bottom-section img {
    	margin-top: 60px;
    }
}