/* line 1, ../scss/site/_structure.scss */
html {
  background-color: #F2F0F4;
}

/* line 5, ../scss/site/_structure.scss */
body {
  font-family: "Lato", sans-serif;
  max-width: 960px;
  margin: 0 auto;
  background-color: #8A6540;
  padding: 0 20px;
  color: white;
}

/* line 14, ../scss/site/_structure.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #c1cddb;
}

/* line 19, ../scss/site/_structure.scss */
a {
  color: #c1cddb;
  text-decoration: none;
}
/* line 23, ../scss/site/_structure.scss */
a:visited {
  color: #c1cddb;
}
/* line 27, ../scss/site/_structure.scss */
a:hover {
  text-decoration: underline;
}

/* line 2, ../scss/site/_header.scss */
#nav {
  display: flex;
  justify-content: space-between;
}
/* line 6, ../scss/site/_header.scss */
#nav ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* line 14, ../scss/site/_header.scss */
#nav ul a {
  border-right: 1px solid #c1cddb;
  padding: 0 10px;
}
/* line 18, ../scss/site/_header.scss */
#nav ul a:last-of-type {
  border-right: none;
}
/* line 24, ../scss/site/_header.scss */
#nav ul a li ul.sub-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}

/* line 1, ../scss/site/_footer.scss */
#footer {
  padding: 20px 0;
  position: relative;
}
/* line 5, ../scss/site/_footer.scss */
#footer ul {
  align-items: center;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* line 14, ../scss/site/_footer.scss */
#footer a {
  border-right: 1px solid #c1cddb;
  padding: 0 10px;
}
/* line 18, ../scss/site/_footer.scss */
#footer a:last-of-type {
  border: none;
}

/* line 4, ../scss/pages/_home-page.scss */
#home-page .hero {
  background-image: url("../img/banner-mountainbike.jpg");
  background-position: center bottom;
  background-size: cover;
  height: 240px;
  width: 100%;
}
/* line 12, ../scss/pages/_home-page.scss */
#home-page .thumbnails {
  display: flex;
  justify-content: space-between;
  height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 19, ../scss/pages/_home-page.scss */
#home-page .thumbnails .background-img, #home-page .thumbnails .bike1, #home-page .thumbnails .bike2, #home-page .thumbnails .bike3, #home-page .thumbnails .bike4 {
  background-position: center center;
  background-size: cover;
  height: 200px;
  width: 200px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 27, ../scss/pages/_home-page.scss */
#home-page .thumbnails .bike1 {
  background-image: url(../img/bike1.jpg);
}
/* line 32, ../scss/pages/_home-page.scss */
#home-page .thumbnails .bike2 {
  background-image: url(../img/bike2.jpg);
}
/* line 37, ../scss/pages/_home-page.scss */
#home-page .thumbnails .bike3 {
  background-image: url(../img/bike3.jpg);
}
/* line 42, ../scss/pages/_home-page.scss */
#home-page .thumbnails .bike4 {
  background-image: url(../img/bike4.jpg);
}
/* line 48, ../scss/pages/_home-page.scss */
#home-page .content {
  display: flex;
  justify-content: space-between;
}
/* line 52, ../scss/pages/_home-page.scss */
#home-page .content div {
  background-color: #b68b61;
  width: 45%;
  padding: 0 2%;
}