@charset "utf-8";
/* CSS Document */

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Didact Gothic', sans-serif;
  line-height: 28px;
  letter-spacing: 1px;
  font-size:17px;
}

a {-webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; text-decoration: none; color:#ccaa35;}
a:hover, a:visited, a:active {color:#ccaa35;}

h1 {font-size: 45px; font-weight: normal;}
h1 strong {font-weight: bold;}

/* Apply to all slides */
.second-slide,
.third-slide,
.forth-slide,
.fifth-slide,
.sixth-slide,
.seventh-slide,
.eighth-slide,
.ninth-slide {
  overflow-y: auto;
  padding: 5vh 5vw; /* add some breathing room */
  box-sizing: border-box;
}


.opening-slide {
  background-color: #000;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg09.jpg");
	background-position: center;
	background-size:cover;
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5vh;
}

.logo img {
  max-width: 66vw;
  /* max-width: 90vw; */
  max-height: 50vh;
	width:100%;
}

.scroll-down {
  position: absolute;
  bottom: 5vh;
}

.scroll-down img {
  max-width: 5vw;
}

.second-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg01.jpg")
}

.third-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg02.jpg")
}

.forth-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg03.jpg")
}

.fifth-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg05.jpg")
}

.sixth-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg06.jpg")
}


.seventh-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg07.jpg")
}

.eighth-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg08.jpg")
}

.ninth-slide {
  background-color: #7C8695;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
	background-image: url("../img/bg04.jpg")
}

.contactText {font-size: 17px; text-align: center;}

.excerpt {
  text-align: center;
  margin-bottom: 5vh;
  max-width: 56vw;
}
.excerpt {
  text-align: center;
  margin-bottom: 5vh;
  max-width: 56vw;
}

.bullet-points {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 25px;
}

.column {
  width: 90%;
  max-width: 40rem;
  margin: 0 0 5vh;
}

.column-wide {
  width: 90%;
  max-width: 96rem;
  margin: 0 0 5vh;
}

ul {
  /* list-style: none; */
  padding: 0;
  margin: 0 0 0 25px;
}

footer {
  background-color: #000;
  color: #CCC;
  font-size: 11px;
  text-align: center;
  padding: 2vh;
  letter-spacing: 1px;
}

footer a {
	color:#CCC !important;
}

footer a:hover {
	color:#00B0A6 !important;
}

.btn1 {border:solid 1px #FFF; background-color: rgba(0, 0, 0, 0.5); padding:10px 20px; line-height:25px; color:#FFF !important; text-transform:uppercase;}
.btn1:hover {border:solid 1px #ccaa35; background-color:#ccaa35; color:#000 !important;}
.btn {background-color:#ccaa35; padding:10px 20px; line-height:25px; color:#000 !important;}



@media (max-width: 768px) {
  h1 {
    font-size: 30px;
	line-height: 40px;
  }

  .excerpt, .excerpt-wide {
    max-width: 90vw;
  }

  .bullet-points {
    flex-direction: column; /* stack columns vertically */
    padding: 0 10px;
  }

  .column, .column-wide {
    max-width: 100%;
  }

  .contactText {
    font-size: 16px;
  }

  .logo img {
    max-width: 80vw;
  }

  .scroll-down img {
    max-width: 10vw;
  }
}

@media (max-width: 768px) {
  .second-slide,
  .third-slide,
  .forth-slide,
  .fifth-slide,
  .sixth-slide,
  .seventh-slide,
  .eighth-slide,
  .ninth-slide {
    height: auto;
    min-height: 100vh; /* ensures it still fills screen if content is short */
  }
}