@charset "UTF-8";
/* CSS Document */
body {
  background-color: #E7E6DB;
  background-image: url("tinted.png");
  background-repeat: repeat;
  margin-left: 10%;
  margin-right: 10%;
}
h1 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
  text-align: center;
}
h4 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
  margin-top: 10px;
  padding-top: 10px;
  content: '';
  display: block;
  height: 2px;
  background-color: #FDF7E4;
}
h2 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 40px;
  content: '';
  display: block;
  height: 2px;
  background-color: #B8AD77;
}
h5 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
  margin-top: 10px;
  padding-top: 10px;
  content: '';
  display: block;
  height: 2px;
  background-color: #B8AD77;
}
p {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
}
nav li {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #0b4b04;
  display: inline-block;
  margin-left: 40px;
  padding-top: 25px;
  position: relative;
}
nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
nav a {
  color: #FFF8D8;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
}
nav a::before {
  content: '';
  display: block;
  height: 2px;
  background-color: #FDF7E4;
  position: absolute;
  top: 0;
  width: 0%;
  transition: all ease-in-out 250ms;
}
nav a:hover::before {
  width: 100%;
}
nav {
  margin-left: 70px;
}
nav a:hover {
  color: #FDF7E4;
}
header {
  background-image: url("../repository/blacktinted.png");
  background-repeat: no-repeat;
  padding: 10px;
  margin: 10px;
}
header::after {
  content: '';
  display: table;
  clear: both;
}
section {
  padding: 0px 0px 5px 0px;
}
footer {
  width: 50px;
  padding: 5px;
  margin: 5px;
}
.margin-top {
  margin-top: 100px;
}
/* Clear floats after the columns */
.row:after {
  width: 100%;
  margin: 10px;
  content: "";
  clear: both;
}
.column {
  margin: 10px;
  float: left;
  width: 24%;
}
.column3 {
  margin: 10px;
  float: left;
  width: 32%;
  padding: 2%;
}
.landing {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}
.column2 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  column-count: 3;
  column-gap: 20px;
  column-rule-style: solid;
  column-rule-width: 4px;
  column-rule-color: #FDF7E4;
}
.env {
  text-align: left;
  width: 725px;
  padding: 10px;
}
.promo {
  background-image: url("blacktint.png");
  float: left;
  margin: 10px;
  padding: 20px;
  align-content: center;
  width: auto;
}
.image {
  float: left;
  margin: 10px;
  align-content: center;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block; /* remove extra space below image */
}
.font-size {
  font-size: 8px;
}
.notes {
  width: 100%;
}
.float {
  float: left;
}
.clear {
  clear: both;
}
.center {
  margin: auto;
  width: 100%;
}
.narrow {
  width: 40%;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}
/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}
/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}