/* 
    Import font for base.html template
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&display=swap");
/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@800&display=swap'); */
html, body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  /* added this to avoid conflict with Google Maps font-weight on contact page*/
  font-size: 1.5rem;
  height: 100%;
  /* set to 100% so that the .c-hero can be set to 100% */
  background-color: whitesmoke;
  scroll-behavior: smooth;
}

h1 {
  font-family: "Anton", sans-serif;
  font-weight: 300;
  /* added this to avoid conflict with Google Maps font-weight on contact page*/
  /* font-family: 'Alegreya SC', serif; */
}

h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  /* added this to avoid conflict with Google Maps font-weight on contact page*/
}

h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  /* added this to avoid conflict with Google Maps font-weight on contact page*/
}

footer {
  text-align: center;
  padding-bottom: 15px;
}

.nav {
  z-index: 2;
  position: fixed;
  display: flex;
  justify-content: space-around;
  background-color: #9B262F;
  width: 100%;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.nav__img {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.nav__item {
  margin-top: 0.5em;
}
.nav__link {
  color: white;
  text-decoration: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-radius: 25px;
}
.nav__link:hover {
  color: white;
  text-decoration: none;
  background-color: #5c5c5c;
}

#about, #products, #services, #contact {
  scroll-margin-top: 125px;
}/*# sourceMappingURL=base.css.map */