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

html { font-size: 100%; // 16px }
body {
  font-size: 1rem;
  line-height: 1.53486;
  font-family: Georgia, "Times New Roman", Times, serif;
	background-color: white;
	margin: 0;
	padding: 0;
	color: #595959;
  min-width: 400px;
}
@media screen and (max-width: 667px) {
  body {
    font-size: .8rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 375px) {
  body {
    font-size: .6rem;
    line-height: 1.0;
  }
}
#header {
  width: 100%;
  position: fixed;
  top: 0px;
  background-color: white;
  z-index: 1000;
}
#title {
  /*float: left;
  font-size: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  line-height: 83px;
  text-decoration: none;
  background-attachment: fixed;
  background-position: 100% 0px;
  background-size: cover;
  width: 100%;
  color: #2b2b2b;*/
  background-image: url(images/header.gif);
  background-repeat: repeat-x;
  background-size: contain;
  height: 10vw;
  width: 100%;
  padding: 2.1vw 0px 0px 6vw;
}
div.sticky {
  position: fixed;
  top: 0;
  z-index: 10000;
}
div.link {
  display: inline;
  position: relative;
  margin: 2vw;
}
div.link a {
  font-size: 2vw;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  text-decoration: none;
}
div.link a:hover {
  color: green;
}
div#spacer {
  height: 10%;
}
div#content {
  position: relative;
  background-image: url(../images/2018_01_Kasompe_2018_Kafwa_with_children.jpg);
  min-height: 1200px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 12.2%;
}
div#homepage {
  position: relative;
	width: 100%;
	background-color: white;
  margin-bottom: 20vw;
}
img.stretchy {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
img.parallax {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
img.stretchyr {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
#logo {
  position: relative;
  left: 52%;
}
#logo img {
  width: 22%;
  height: auto;
}
#venue {
  position: relative;
  top: 10vw;
}
#venue img {
  position: relative;
  width: 36%;
  left: 48%;
  height: auto;
}
#brochure img {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0px;
}
.item {
  position: relative;
  top: -20px;
  padding: 12px 40px;
  background-color: white;
  height: auto;
  /* background: rgb(256, 256, 256);
  background: rgba(256, 256, 256, 0.6); */
}
.small {
  font-size: 1vw;
}
.medium {
  font-size: 2vw;
}
.large {
  font-size: 3vw;
}
.xlarge {
  font-size: 6vw;
}
.centered {
  text-align: center;
}
.transparent {
  background-color: transparent;
}
.bold {
  font-weight: bold;
}
.white {
  color: white;
}
.italic {
  font-style: italic;
}