Added Menu and FAQ, among other tweaks

css/style.css

@@ -1,6 +1,6 @@
 /* CSS Document */
 
-@import url('https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&family=Lancelot&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&family=Lancelot&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Shadows+Into+Light&family=Tangerine:wght@400;700&display=swap');
 
 body {
 	background-color: #2e2e2e;
@@ -62,6 +62,16 @@ main h1, main h2 {
 	background-size: cover;
 }
 
+#hero4{
+	background: url("../images/Susan and Kevin Standing BNW 2.png") no-repeat center center;
+	background-size: cover;
+}
+
+#hero5{
+	background: url("../images/Susan and Kevin Hand in Hand BNW.png") no-repeat center center;
+	background-size: cover;
+}
+
 .jumbotron {
 	color: white;
 	text-shadow: 0.1em 0.2em 0.3em rgba(0, 0, 0, 0.8);
@@ -92,7 +102,7 @@ main h1, main h2 {
 }
 
 .title{
-	padding: 1em;
+	padding: 3em 0 2em 0;
 	font-size: 3em;
 	text-align: center;
 	font-weight: 700;
@@ -112,11 +122,32 @@ main h1, main h2 {
 	display: none;
 }
 
-#locations {
+#locations, #menu {
 	background-color: white;
 	color: #001123;
 }
 
+#menu h2, #menu h3 {
+	font-family: "Tangerine", cursive;
+	text-transform: none;
+	font-weight: 700;
+}
+
+#menu h2 {
+	font-size: 4em;
+	padding-top: 1em;
+}
+
+#menu h3 {
+	font-size: 3em;
+}
+
+#menu {
+	font-family: "Shadows Into Light", cursive;
+	font-size: 1.5em;
+	text-align: center;
+}
+
 .locations, .locations h3 {
 	font-size: 1.5em;
 }
@@ -127,44 +158,40 @@ main h1, main h2 {
 	padding-left: 10em;
 }
 
-@media (max-width: 1280px){
-	.text {
-		padding-left: 2em;
-	}
+#accordion1 {
+	font-size: 1.1em;
 }
 
-@media (max-width: 710px) {
-	iframe {
-		width: 320px;
-	}
-	.navbar {
-		font-size: 1em;
-	}
-	.jumbotron h1, .jumbotron h2 {
-		font-size: 2em;
-	}
-	.jumbotron p{
-	font-size: 1.5em;
-	}
-	.title{
-		padding: 1em;
-		font-size: 2em;
-		text-align: center;
-		font-weight: 700;
-		text-transform: uppercase;
-		letter-spacing: 0.12em;
-	}
-	.text {
-		font-size: 1em;
-		padding-bottom: 2em;
-	}
-	.jumbotron h1, .jumbotron p, .jumbotron a, .jumbotron hr {
-		display: none;
-	}
-
-	.fuckmobiles {
-		display: block;
-	}
+#accordion1 a {
+	color: white;
+	font-family: "Merriweather", serif;
+}
+
+#accordion1 h5 {
+	font-weight: 700;
+	font-size: 1.2em;
+}
+
+.card {
+	border-color: #3e3e3e;
+}
+
+.card-header {
+	background-color: #3e3e3e;
+}
+
+.card-body {
+	background-color: #2e2e2e;
+}
+
+.qst {
+	font-style: italic;
+	font-weight: 700;
+	font-size: 1.1em;
+}
+
+.ans {
+	padding-left: 0.75em;
 }
 
 /* Footer */
@@ -202,4 +229,57 @@ footer {
 	font-family: "Roboto", sans-serif;
 	font-weight: 400;
 	font-size: 0.75em;
+}
+
+.footerlogo {
+	font-weight: 700;
+	font-family: "Merriweather", serif;
+	font-size: 3em;
+}
+
+/* Responsiveness */
+
+@media (max-width: 1280px){
+	.text {
+		padding-left: 2em;
+	}
+}
+
+@media (max-width: 710px) {
+	iframe {
+		width: 320px;
+	}
+	.navbar {
+		font-size: 1em;
+	}
+	.jumbotron h1, .jumbotron h2 {
+		font-size: 2em;
+	}
+	.jumbotron p{
+	font-size: 1.5em;
+	}
+	.title{
+		padding: 1em;
+		font-size: 2em;
+		text-align: center;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.12em;
+	}
+	.text {
+		font-size: 1em;
+		padding-bottom: 2em;
+	}
+	.jumbotron h1, .jumbotron p, .jumbotron a, .jumbotron hr {
+		display: none;
+	}
+
+	.fuckmobiles {
+		display: block;
+	}
+
+	.footerlogo {
+		font-size: 2em;
+		margin-bottom: 1em;
+	}
 }