body {
  font-family: Work Sans;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 1.4;
  color: #1C1F21;
  background-color: #fff;
  padding: 3.125em 0;
}

header {
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 4.6875em 0 4.6875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

header img {
  width: 15em;
}

header nav a {
	text-decoration: none;
  color: #182AF2;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 1.5625em;
	padding-bottom: 3px;
  transition: border 0.3s ease-in;
  border-bottom: 3px solid rgba(24,42,242,0);
}

header nav a:hover {
  border-bottom: 3px solid rgba(24,42,242,1);
}

header nav a.selected {
	color: #1C1F21;
  border-bottom: 3px solid #1C1F21;
}

header nav a.selected:hover {
  border-bottom: 3px solid rgba(24,42,242,1);
}

.hero-text {
  margin: 4.6875em;
}

h2 {
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 800;
  width: 100%;
}

.hero-image {
  background-image: url(photo_1.jpg);
  background-size: cover;
  height: 800px;
}

.text {
  margin: 4.6875em;
  overflow: hidden;
}

.list {
  margin: -3.125em 4.6875em 4.6875em 4.6875em;
  overflow: hidden;
}

.text a {
  color: #182AF2;
}

.text p {
  font-size: 2rem;
  line-height: 1.4;
  width: 60%;
  float: left;
  font-weight: 500;
}

.photos {
  margin: 4.6875em;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.photos img {
  float: left;
}

.photo {
 	position: relative;
  padding-left: 0.78125em;
  padding-right: 0.78125em;
}

.first {
  padding-left: 0;
}

.large {
  width: 100%;
}

.medium {
  width: 100%;
}

.large img, .medium img, .small img {
  width: 100%;
}

.small {
  width: 28.888%;
}

p.location {
  color: #94999E;
}


.map {
  margin: -3.125em 4.6875em 4.6875em 4.6875em;
  width: 60%;
}

ul {
  font-size: 1.5em;
  list-style: inside;
  list-style-type: square !important;
}

ul a { 
	margin-top: 0.5rem;
/*   display: inline-block; */
}

footer {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 4.6875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

footer p {
	font-size: 1.875rem;
  font-weight: 500;
  color: #94999E;
}

footer a {
	font-size: 1.875rem;
  color: #182AF2;
  text-decoration: none;
  font-weight: 500;
}

/* beginning of media queries */

@media (min-width:1200px) {

}

@media (max-width: 1200px) {

  
 @media (max-width: 768px) {
   body {
     padding: 1.5625em 0;
   }
   header {
     padding: 1.5625em 1.5625em;
     display: block;
     clear: both;
     text-align: center;
     margin: 0 auto;
   }
   header img {
     width: 15em;
   }
   header nav {
     margin-top: 3.125em;
   }
   header nav a {
     font-size: 1.40625rem; 
     text-decoration: underline;
     line-height: 1.4;
     margin: 0.93755em 0px 0px 0px;
     padding-bottom: 3px;
     border-bottom: 3px solid rgba(24,42,242,0) !important;
     display: block;
	}
   h2 {
     font-size: 2.34375rem;
     width: 100%;
   }
   .hero-text {
     margin: 1.5625em;
   }
   .hero-image {
     background-size: cover;
     height: 400px;
   }
   .small{
     width: 100%;
     display: block;
   }
   .medium {
     width: 100%;
   }
   .large {
     width: 100%;
   }
   .text {
     margin: 1.5625em;
   }
   .list {
     margin: 1.5625em;
   }
   .photos {
     margin: 1.5625em;
   }
   .map {
     margin: 1.5625em;
     width: 100%;
   }
   .maps {
		overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
   }
   .maps iframe {
      left:0;
      top:0;
      height:100%;
      width:85%;
      position:absolute;
   }
		.first, .medium, .small, .large {
  		padding: 0;
      margin-top: 1.5625em;
   }
   .text p {
     font-size: 1.40625rem;
     width: 100%;
   }
   footer {
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 0 1.5625em;
     display: block;
   }
   footer p, footer a {
     font-size: 1.40625rem;
   }
}