@import "https://use.fontawesome.com/releases/v5.6.3/css/all.css";
/* @import "https: //use.fontawesome.com/releases/v5.11.1/css/all.css"; */

@import "https://fonts.googleapis.com/css?family=Federo";
@import "menus.css";
@import "header.css";
@import "footer-menu.css";
@import "section.css";
@import "table.css";
@import "navbar.css";
@import "figure.css";
@import "page-header.css";
@import "page-menu.css";
/* @import "test.css"; */

body>* {
  /* width: 100%; */
  /* display: inline-block; */
  box-sizing: border-box;
}

body {
  /* border: solid 20px red; */
  max-width: 640px;
  /* min-width: 400px; */
  background-color: black;
  color: black;
  margin: 0px auto;
  font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 1em;
}

#jq-header {
  background-color: lightslategray;
  color: black;
}

#a-footer-img, .footer-container {
  background-color: lightslategray;
  ;
}

h2.section-header {
  background-color: lightslategray;
}

#jq-navbar {
  background-color: gray;
}

nav#contact-menu {
  background-color: gray;
}

nav#section-nav {
  background-color: gray;
}

/* #a-footer-img:hover,
#a-footer-img:active,
#book-now1 a:hover,
#book-now1 a:active,
#book-now2 a:hover,
#book-now2 a:active {
  background-color: hsl(210, 75%, 55%);
  color: white;
} */

.main-content {
  /* background-color: hsl(210, 14%, 100%); */
  background-color: white;
}

main a {
  text-decoration: underline;
  color: maroon;
}

header a {
  text-decoration: none;
  color: inherit;
}

nav a {
  text-decoration: none;
  color: inherit;
}

footer a {
  text-decoration: none;
  color: inherit;
}

a:hover, a:active {
  background-color: hsl(210, 75%, 55%);
  color: white;
}

#a-footer-img:hover, #a-footer-img:active {
  background-color: hsl(210, 75%, 55%);
  color: white;
}

a.button {
  background-color: green;
  color: white;
  display: inline-block;
  min-width: 12em;
  height: 1.5em;
  border-radius: 7px;
  padding: 6px 12px;
  text-decoration: none;
  text-align: center;
}