@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Oswald:wght@200&display=swap');
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  margin: 0;
  background-color: #f2f2f2;
  color: #000;
}
a {
	text-decoration: none;
	color: #475569;
}
a:hover {
  text-decoration: underline;
  color: #259B9A;
}
a:visited {
  color: #475569;
}
.link_spacer {height: 60px;}
.content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1200px;
  height: 180px;
}
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  background-color: #fff;
  line-height: 50px;
}
.hamburger {display: none;}
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #101010;
}
.nav-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-item {margin-left: 60px;}
li.nav-item {list-style: none;}
.nav-link {
  font-family: 'Oswald', serif;
  font-size: 22px;
  font-weight: 400;
  color: #475569;
}
.nav-link:hover {color: #259B9A;}
.nav-logo {
  font-size: 26px;
  font-weight: 500;
  color: #259B9A;
}
.sectionHeader {
  padding-left: -10px;
  color: #000;
  padding-bottom: 0;
  margin-bottom: 0;
}
.p1 {font-size: 20px;}
.main {
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
}
.aboutUs {
  column-count: 2;
  font-weight: lighter;
  color: #000;
  background-color: #f5c750;
  padding: 10px 20px 20px;
}
.links {
  font-weight: lighter;
  color: #A3A3A3;
  background-color: #00A9D8;
  padding: 10px 20px 20px;
}
.aboutUsContent, .linksContent, .contactContent {
  text-align: justify;
  margin-left: 20px;
}
.photographsContent {margin: 0 20px;}
.links a:link {color: #fff;}
.links a:visited {color: #c1c1c1;}
.contact, .photographs {
  font-weight: lighter;
  color: #A3A3A3;
  background-color: #fff;
  padding: 10px 20px 20px;
}
.contact .inputField {
	cursor: auto; 
	width: 90%; 
	max-width: 600px; 
	height: 30px; 
	line-height: 30px; 
	font-size: 20px;
  padding: 20px;
  margin: 1px 0;
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
}
.contactForm input:required, .contactForm textarea:required {border-color: red;}
.button {
	border-radius: 5px;
	border: 0px;
	font: 22px/44px 'Oswald', sans-serif;
	color: #ffffff;
	background: #292929;
	padding: 6px 14px;
	text-decoration: none;
}
.button:hover {
	background: #259B9A;
	text-decoration: none;
}
.photos {display: none;}
.photos img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.photos_container {
  width: 100%;
  height: 100%;
  position: relative;
  margin: none;
  background-color: #000;
}
.photos_fade {
  animation-name: fade;
  animation-duration: 1s;
}
@keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}
}
.footer {
  background-color: #259B9A;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-top: 30px;
}
.footer a:link {color: #fff;}
.footer a:visited {color: #c1c1c1;}
@media only screen and (max-width: 768px) {
  .nav-menu {
    position: fixed;
    left: -100%;
    top: 30px;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    text-align: center;
    transition: 0.3s;
  }
  .nav-bar {line-height: 26px;}
  .nav-menu.active {left: 0;}
  .nav-item {margin: 0;}
  .hamburger {
    display: block;
    cursor: pointer;
  }
  .hamburger.active .bar:nth-child(2) {opacity: 0;}
  .hamburger.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
  .hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
  .aboutUs {column-count: 1;}
}