/*
a {
  color: #275530;
  text-decoration: none;
}
a:hover {
  color: #3a8649;

}*/
.nav-link {
  font-size: 1.2rem;
  padding: 0 1em 0 1em !important;
  margin-bottom: 0.5em;
}

.navbar-brand {
padding-left: 10px;
padding-right: 10px;
}

header.masthead {
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #fff;
  /*
  background-image: url("../assets/img/bg/pipes-6206486_1920.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;*/

  /*background-color: #478c55;
  background-color: #80ec96;
  */

  /*background-color: #10962b;*/
  /*
  background-color: #
  background-color: #
  background-color: #
  background-color: #
  */
  /*height: 100vh;*/
  min-height: 100vh;
  position: relative;
}
.head_logo {
  width: 15em;
  max-width: 40%;
  padding-bottom: 4em;
}
section .sectionTitleContainer {
  margin-top:2em;
}
#services {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 20rem;
  background-color: #275530;
  color: white;
}
.section-title {
  margin-bottom: 3em !important;
}
.top_image-container {
  display: none;
}
@media (min-width: 1800px) {
  .top_image-container {
    display: block;

    /*height: 10vh;*/
    height: 1500px;
    position: absolute;
    bottom: 0%;
    right: -50px;
  }
  .top_image-container img{
    height: 100%;
  }
}

.icon-svg {
  width: 1em;
  color: #3a8649;
}

.page-section {
  min-height: 100vh;
  /*background-color: #478c55;*/

}



section.service-details {

    padding-bottom: 0px;
    position: relative;
    text-align: center;
    color: #fff;
    display: flex;                   /* defines flexbox */
    flex-direction: column;          /* top to bottom */
    justify-content: space-between;  /* first item at start, last at end */

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center, center center, center center;
    background-size: cover;
    background: linear-gradient(180deg,#0099ff,#000000), url("../assets/img/header-bg.jpg");
    /*#5BA8F8*/
    background-blend-mode: screen;

}

section.service-details .container {
  padding-left: 2em;
  padding-right: 2em;
  text-align: justify;
}

#service2 {

    background: #FFCF47;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
#service3 {
  background:  linear-gradient(180deg,#0099ff,#000000);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-blend-mode: screen;

}
.fadeHover {

  opacity: 1;
  transition: 0.3s;
}

.fadeHover:hover {

  animation-direction: alternate;
  animation-name: small-rot;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;

}
@keyframes small-rot {
  from {
    opacity: 0.8;
    transform: rotate(0deg);
  }
  to {
    opacity: 0.8;
    transform: rotate(10deg);
  }
}


.svg-break {
  height: 8rem;
  margin-top:8rem;
}
.svg-break svg {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .svg-break {
    margin-bottom: -1px;

  }
}

/*
section.service-details div.prewave{
    height: 5em;
    background: M0,32L1440,128L1440,320L0,320Z
}
*/
/*
section.service-details svg{
    width: 1000px;
    height: 5em;
    margin: 0;
    padding: 0;
}*/
.pre-wave {

  width: '100%',
  padding:5em;
  min-height: 6em;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;

  background-image: url("../assets/img/wave.svg");
  /*
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMwMCI+PHBhdGggZmlsbD0iIzAwOTlmZiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwxMjhMNDgsMTI4Qzk2LDEyOCwxOTIsMTI4LDI4OCwxMjIuN0MzODQsMTE3LDQ4MCwxMDcsNTc2LDExMkM2NzIsMTE3LDc2OCwxMzksODY0LDE0NEM5NjAsMTQ5LDEwNTYsMTM5LDExNTIsMTMzLjNDMTI0OCwxMjgsMTM0NCwxMjgsMTM5MiwxMjhMMTQ0MCwxMjhMMTQ0MCwzMjBMMTM5MiwzMjBDMTM0NCwzMjAsMTI0OCwzMjAsMTE1MiwzMjBDMTA1NiwzMjAsOTYwLDMyMCw4NjQsMzIwQzc2OCwzMjAsNjcyLDMyMCw1NzYsMzIwQzQ4MCwzMjAsMzg0LDMyMCwyODgsMzIwQzE5MiwzMjAsOTYsMzIwLDQ4LDMyMEwwLDMyMFoiLz48L3N2Zz4=);*/

}
.post-wave {


  width: '100%',
  padding:5em;
  min-height: 6em;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;

  background-image: url("../assets/img/waveOrange.svg#svgView(preserveAspectRatio(none)");
  /*background-image: url('patroon5.svg#svgView(preserveAspectRatio(none))');*/
  margin-bottom: -9em;
  margin-top: 9em;
  /*
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMwMCI+PHBhdGggZmlsbD0iIzAwOTlmZiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwxMjhMNDgsMTI4Qzk2LDEyOCwxOTIsMTI4LDI4OCwxMjIuN0MzODQsMTE3LDQ4MCwxMDcsNTc2LDExMkM2NzIsMTE3LDc2OCwxMzksODY0LDE0NEM5NjAsMTQ5LDEwNTYsMTM5LDExNTIsMTMzLjNDMTI0OCwxMjgsMTM0NCwxMjgsMTM5MiwxMjhMMTQ0MCwxMjhMMTQ0MCwzMjBMMTM5MiwzMjBDMTM0NCwzMjAsMTI0OCwzMjAsMTE1MiwzMjBDMTA1NiwzMjAsOTYwLDMyMCw4NjQsMzIwQzc2OCwzMjAsNjcyLDMyMCw1NzYsMzIwQzQ4MCwzMjAsMzg0LDMyMCwyODgsMzIwQzE5MiwzMjAsOTYsMzIwLDQ4LDMyMEwwLDMyMFoiLz48L3N2Zz4=);*/

}
.endwave-service-details {

    width: '100%',
    min-height: 8em;
    /*background-image: url('patroon5.svg#svgView(preserveAspectRatio(none))');*/
    margin: 0;
    margin-bottom: -9em;
    margin-top: 9em;

}
[data-aos="weak-fade-in"] {
    opacity: 0.3;
    transition-property: transform, opacity;
}
[data-aos="weak-fade-in"].aos-animate {
    opacity: 1;
}
/*
.post-wave svg {
   width: "100%";
   height: "5em";
   preserveAspectRatio:none;
}
*/
.sectionTitleContainer {
  margin-bottom: 5em;
}
div.inserted-svg-logo svg { max-width:100%; }
section.service-details .masthead-subheading {
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.5rem;
  margin-bottom: 25px;
  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
section.service-details .masthead-heading {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

section#contact {

  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding-top: 4rem;

}
#contact svg {
  position: absolute;
  top:-3em;
  left:0;
  height: 3.1em;
  width:100%;
}
.contact_text {
  color: white;
  font-size: 1.2rem;
  margin-top: 2rem;

}
/* Set the size of the div element that contains the map */
.map {
  width: 100%;
  height: 600px;
  /* The height is 400 pixels */
  /* The width is the width of the web page */
}

@media (max-width: 1200px) {
  /* Set the size of the div element that contains the map */
  .map {
    margin-left: 10%;
    margin-right: 10%;
    /* The height is 400 pixels */
    width: 80%;
    height: 60vh;
    /* The width is the width of the web page */
  }
}