@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,700;0,800;1,700&display=swap");
@font-face {
  font-family: 'icomoon';
  src: url(fonts/IcoMoon-Free.ttf);
}

html, body {
  margin: 0;
  padding: 0;
  color: #333;
  overflow-x: hidden;
  font-family: raleway;
}

::-moz-selection {
  background-color: #fff;
  color: white;
}

::selection {
  background-color: #fff;
  color: white;
}

span {
  color: #fff;
}

#currentPage {
  border-bottom: thick solid #fff;
}

h1 {
  font-weight: 800;
}

li {
  font-size: 1.2em;
}

#contactLine {
  height: 2.5rem;
  text-align: right;
  background-color: #565656;
  padding-right: 25px;
  color: white;
}

#navBar {
  background-color: #5A8DFF;
  padding-top: 15px;
  z-index: 999;
  -webkit-box-shadow: 0px 5px 15px #c8c8c8;
          box-shadow: 0px 5px 15px #c8c8c8;
}

#navBarTablet {
  background-color: white;
  background-color-padding-top: 25px;
}

h2 {
  font-weight: 800;
  text-align: center;
}

a {
  text-decoration: none;
}

.navLink {
  color: white;
}

.navLink:hover {
  color: #eee;
}

p {
  font-size: 1.2em;
}

strong {
  color: #5A8DFF;
  font-size: 1.4em;
}

#constructionPhoto {
  -o-object-fit: cover;
     object-fit: cover;
  background-image: url("../img/heroShots/constructionHeader.png");
  background-size: cover;
  height: 65vh;
}

.videoText {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.coverImage {
  height: 65vh;
  overflow: hidden;
  border-bottom: thick solid #fff;
  background-image: url("../img/heroShots/homePage.png");
  background-size: cover;
}

#bodyHeader {
  text-align: center;
  color: #333;
  font-weight: 300;
}

#bodyParagraph {
  color: #333;
  width: 90%;
  text-align: center;
}

.portrait {
  height: 320px;
  width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.heading {
  color: #5A8DFF;
}

.button {
  background-color: #fff;
  color: #5A8DFF;
  font-size: 0.8em;
  -webkit-transition: 0.2s background-color, 0.2s color;
  transition: 0.2s background-color, 0.2s color;
}

.button:hover {
  background-color: #5A8DFF;
  color: #fff;
}

.envelope {
  font-size: 1.2em;
}

.marker {
  background-color: #5A8DFF;
  background-size: cover;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid black;
  cursor: pointer;
}

.centerP {
  text-align: center;
  width: 60%;
  margin: 0 20% 0 20%;
}

#hamburgerMobile {
  display: none;
  color: #bbb;
  cursor: pointer;
}

#hamburgerTablet {
  display: none;
  color: #bbb;
  cursor: pointer;
}

#submitBtn {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

#submitBtn:hover {
  background-color: #fff;
  color: white;
}

textarea {
  width: 80%;
  resize: none;
}

.hidden {
  display: none;
}

@media screen and (min-width: 550px) and (max-width: 750px) {
  #currentPage {
    border-bottom: none;
  }
  #hamburgerMobile {
    display: none;
  }
  #hamburgerTablet {
    display: inline-block;
  }
}

@media screen and (max-width: 550px) {
  #currentPage {
    border-bottom: none;
  }
  .navItem {
    background-color: #fff;
  }
  .navLink {
    color: #5A8DFF;
  }
  .map {
    margin-bottom: 15px;
  }
  #logo {
    width: 80vw;
  }
  #hamburgerTablet {
    display: none;
  }
  #hamburgerMobile {
    display: inline-block;
    width: 20vw;
  }
}

footer {
  margin-top: 30px;
  padding-top: 20px;
  text-align: center;
  background-color: #333;
  color: white;
  height: 65px;
}
/*# sourceMappingURL=style.css.map */