html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

a:link {
  text-decoration: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

#container {
  max-width: 1078px;
  height: 1700px;
  margin: auto;
  font-family: 'montserratregular'; }

#perryLogo {
  width: 940px;
  margin: auto;
  margin-top: 10px; }
  #perryLogo img {
    width: 300px;
    float: right; }

#header {
  width: 945px;
  height: auto;
  margin: auto; 
  margin-bottom: -30px;}
  #header img {
    width: 940px; }

#nav {
  margin: auto;
  margin-top: 430px;
  width: 940px;
  display: block; }
  #nav p {
    width: 654px;
    height: auto;
    margin: auto;
    text-align: center;
    font-size: 27px; }
#navEnergy {
  margin: auto;
  margin-top: 200px;
  margin-left: -550px;
  width: 940px;
  display: block; }
  #navEnergy p {
    width: 654px;
    height: auto;
    margin: auto;
    text-align: center;
    font-size: 27px; }
#navNatural {
  margin: auto;
  margin-top: 65px;
  margin-left: 50px;
  width: 940px;
  display: block; }
  #navNatural p {
    width: 654px;
    height: auto;
    margin: auto;
    text-align: center;
    font-size: 27px; }
#categories {
  margin-top: -30px;
  width: 940px;
  height: 250px;  }
  #waterProjects {
    display: block;
    float: left;
    width: 260px;
    height: 260px;
    margin-left: 10px;  }
    #waterProjects p {
      margin-left: 20px;
      margin-top: 10px;
      width: 260px;
      font-size: 20px;
      color: black; }
    #waterProjects img {
      height: 200px;
      padding-top: 20px;
      margin-bottom: -30px;  }
  #energyProjects {
    display: block;
    float: left;
    width: 260px;
    height: 260px;
    margin-left: 40px; }
    #energyProjects p {
      margin-left: 15px;
      margin-top: 15px;
      width: 285px;
      font-size: 20px;
      color: black; }
    #energyProjects img {
      height: 200px;
      padding-top: 20px;
      margin-bottom: -30px;  }
  #naturalEnvironmentProjects {
    display: block;
    float: left;
    width: 260px;
    height: 260px;
    margin-left: 40px; }
    #naturalEnvironmentProjects p {
      margin-left: 15px;
      margin-top: 10px;
      width: 285px;
      font-size: 20px;
      color: black; }
    #naturalEnvironmentProjects img {
      height: 200px;
      padding-top: 20px;
      margin-bottom: -40px;  }

#projects {
  width: 940px;
  height: 550px;
  margin: auto; }

#Data {
  margin: auto; }

#dataDisplays {
  margin: auto;
  width: 940px;
  display: flex; }
  #dataDisplays #waterData {
    background-image: url(images/waterBackground.png);
    box-shadow: 0 0px 0px 0 transparent, 0 0px 20px 0 rgba(0, 0, 0, 0.5);
    width: 470px;
    height: 380px;
    margin-bottom: 20px; }
  #dataDisplays #energyData {
    background-image: url(images/energyBackground.png);
    box-shadow: 0 0px 0px 0 transparent, 0 0px 20px 0 rgba(0, 0, 0, 0.5);
    width: 470px;
    height: 380px; }
  #dataDisplays #Buttons {
    height: 850px; }
  #dataDisplays .raw-data-value {
    padding-top: 60px;
    color: white;
    font-size: 125px;
    text-align: center; }
  #dataDisplays .dataText {
    color: white;
    text-align: center;
    font-size: 33px;
    width: 400px;
    margin: auto;
    padding-top: 5px; }
  #dataDisplays #waterMoreInfo {
    text-align: center;
    width: 470px;
    height: 374px;
    background: white;
    margin-top: 35px;
    border-style: solid;
    border-color: #16B6CE;
    border-width: 3px; }
    #dataDisplays #waterMoreInfo #waterButton {
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
      #dataDisplays #waterMoreInfo #waterButton img {
        margin: auto;
        width: 290px; }
  #dataDisplays #EnergyMoreInfo {
    text-align: center;
    width: 470px;
    height: 377px;
    background: white;
    margin-top: 20px;
    border-style: solid;
    border-color: #F5BC27;
    border-width: 3px; }
    #dataDisplays #EnergyMoreInfo #energyButton {
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
      #dataDisplays #EnergyMoreInfo #energyButton img {
        margin: auto;
        width: 290px; }
  #dataDisplays #bathtubNum {
    font-size: 50px;
    color: #16B6CE; }
  #dataDisplays #lightbulbNum {
    font-size: 50px;
    color: #F5BC27; }
  #dataDisplays #learn_more_Water {
    background-color: #16B6CE; }
  #dataDisplays #learn_more_Energy {
    background-color: #F5BC27; }
  #dataDisplays .button {
    width: 290px;
    height: 90px;
    color: white;
    font-size: 27px;
    border-radius: 7px;
    margin: auto;
    display: block;
    text-decoration: none;
    line-height: 80px;
    font-family: 'montserratlight'; }

#quotes {
  display: block;
  margin: auto;
  width: 680px;
  height: 180px;
  margin-bottom: -400px;
  margin-top: -10px; }
  #quotes img {
    height: 180px;  }

#footer {
  width: 940px;
  height: auto;
  margin-top: -100px;
  margin-left: 70px;
  display: flex;  }
  #energeFooterLogos {
    display: block;
    float: left;  }
    #energeFooterLogos img {
      width: 210px;
      height: 110px;   }
  #home {
    display: block;
    float: left;
    background-color: #f5f5f5;
    margin: auto;
    margin-left: 210px;  }
    #home img {
      width: 75px;
      height: 75px;    }
  #contact {
    float: right;
    margin: auto;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 120px;
    width: 300px;
    background: white;
    color: black;
    font-size: 22px; }
#footerEnergy {
  width: 940px;
  height: auto;
  margin-top: -100px;
  margin-left: -520px;
  display: flex;  }

.click {
  display: block;
  width: 220px;
  margin-top: 40px;
  margin-left: 130px; }

.hand-double {
  fill: #fff;
  stroke: black;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.tap-1, .tap-2 {
  fill: transparent;
  stroke: #A0DBE8;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.tap-1 {
  opacity: .5; }

.tap-2 {
  opacity: .25; }

/* ANIMATION KEYFRAMES */
@keyframes tap-double {
  0% {
    transform: rotateX(0deg); }
  10% {
    transform: rotateX(12.5deg); }
  25% {
    transform: rotateX(25deg); }
  35% {
    transform: rotateX(10deg); }
  50% {
    transform: rotateX(25deg); } }
@keyframes tap-circle {
  0% {
    transform: scale(0);
    opacity: 0; }
  75% {
    transform: scale(1.05);
    opacity: .6; }
  80% {
    transform: scale(1);
    opacity: .5; } }
/* SVG ANIMATION */
.wrapper * {
  transform-origin: 50% 50%;
  perspective: 100px; }

.hand-double {
  animation: tap-double 1.25s ease-out backwards;
  animation-iteration-count: infinite; }

.tap-1, .tap-2 {
  animation: tap-circle 1.25s ease-out backwards;
  animation-iteration-count: infinite; }

.tap-2 {
  animation-delay: 0.2s; }

@font-face {
  font-family: 'montserratregular';
  src: url("montserrat-regular-webfont.woff2") format("woff2"), url("montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratbold';
  src: url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratlight';
  src: url("montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
#waterHeader {
  width: 745px;
  margin: auto; }
  #waterHeader img {
    width: 745px; }

#backButtonWater {
  width: 200px;
  margin-left: 65px;
  display: block;
  float: left;
  margin-top: 40px; }
  #backButtonWater a {
    display: block;
    float: left;
    width: 200px;
    background-color: #16B6CE;
    color: white;
    text-decoration: none;
    text-align: center;
    height: 50px;
    line-height: 50px; }

#waterPerryLogo {
  width: 940px;
  margin: auto;
  margin-top: 10px; }
  #waterPerryLogo img {
    width: 250px;
    float: right;
    margin-bottom: 20px;
    margin-top: 10px; }

#waterSection1 {
  width: 940px;
  height: 560px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 0px; }
  #waterSection1 .description {
    text-align: center;
    background-color: #16B6CE;
    color: white;
    font-size: 27px;
    height: 55px; }
    #waterSection1 .description b {
      color: #2E3192;
      font-size: 28px;
      font-family: 'montserratbold'; }
    #waterSection1 .description p {
      line-height: 52px; }
  #waterSection1 #waterNumPage {
    width: 940px;
    height: 510px;
    background-image: url(images/waterNumPageBG.svg);
    background-size: cover;
    background-repeat: no-repeat; }
    #waterSection1 #waterNumPage #waterTotal {
      text-align: center;
      color: #2E3192;
      font-size: 110px; }
      #waterSection1 #waterNumPage #waterTotal p, #waterSection1 #waterNumPage #waterTotal span {
        padding-top: 10px; }
    #waterSection1 #waterNumPage #whereWaterUsed {
      padding-top: 100px; }
      #waterSection1 #waterNumPage #whereWaterUsed p {
        text-align: center;
        color: white;
        font-size: 25px; }
      #waterSection1 #waterNumPage #whereWaterUsed #waterLocations {
        display: flex;
        width: 900px;
        margin: auto; }
        #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #zinc, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #restroom, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #fountain {
          margin: auto;
          margin-top: 20px;
          width: 250px;
          text-align: center; }
          #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #zinc img, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #restroom img, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #fountain img {
            width: 75px;
            margin-top: 15px;
            margin-bottom: 15px; }
          #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #zinc p, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #restroom p, #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #fountain p {
            font-size: 20px; }
        #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #zinc #zincNum {
          font-size: 35px;
          font-family: 'montserratbold';
          color: #2E3192; }
        #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #restroom #restroomNum {
          font-size: 35px;
          color: #2E3192;
          font-family: 'montserratbold'; }
        #waterSection1 #waterNumPage #whereWaterUsed #waterLocations #fountain #fountainNum {
          font-family: 'montserratbold';
          font-size: 35px;
          color: #2E3192; }

#problemSection {
  width: 940px;
  height: 405px;
  background-color: #F1F2F2;
  margin: auto; }
  #problemSection iframe {
    display: block;
    margin: auto; }
  #problemSection .description {
    text-align: center;
    background-color: #ED1C24;
    color: white;
    font-size: 27px;
    height: 55px; }
    #problemSection .description p {
      line-height: 52px; }

#waterSlides {
  margin: auto;
  margin-bottom: 0px;
  width: 940px; }

#waterFooter {
  width: 940px;
  margin: auto;
  margin-top: 10px; }
  #waterFooter img {
    width: 940px;
    margin: auto; }

#twitter {
  text-align: center;
  width: 940px;
  display: flex;
  margin: auto;
  margin-top: 40px; }
  #twitter span {
    font-size: 20px; }
  #twitter a {
    pointer-events: none; }
#twitterNUIG {
  text-align: center;
  width: 940px;
  display: flex;
  margin: auto;
  margin-top: 40px; }
  #twitterNUIG p {
    font-size: 25px;
    width: 940px; }
    #twitterNUIG a {
      width: 940px;
      pointer-events: none;  }

#energyHeader {
  width: 945px;
  margin: auto; }
  #energyHeader img {
    margin: auto;
    width: 940px; }

#backButtonEnergy {
  width: 200px;
  margin-left: 65px;
  display: block;
  float: left;
  margin-top: 40px; }
  #backButtonEnergy a {
    display: block;
    float: left;
    width: 200px;
    background-color: #F5BC27;
    color: white;
    text-decoration: none;
    text-align: center;
    height: 50px;
    line-height: 50px; }

#energyPerryLogo {
  width: 940px;
  margin: auto;
  margin-top: 10px; }
  #energyPerryLogo img {
    width: 300px;
    float: right;
    margin-bottom: 20px;
    margin-top: 10px; }

#energySection1 {
  width: 940px;
  height: 605px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px; }
  #energySection1 .description {
    text-align: center;
    background-color: #F5BC27;
    color: white;
    font-size: 27px;
    height: 55px; }
    #energySection1 .description b {
      color: #F26D00;
      font-size: 28px;
      font-family: 'montserratbold'; }
    #energySection1 .description p {
      line-height: 52px; }
  #energySection1 #energyNumPage {
    width: 940px;
    height: 550px;
    background-image: url(images/energyNumPageBG.svg);
    background-size: cover;
    background-repeat: no-repeat; }
    #energySection1 #energyNumPage #energyTotal {
      text-align: center;
      color: #F46322;
      font-size: 110px; }
      #energySection1 #energyNumPage #energyTotal p, #energySection1 #energyNumPage #energyTotal span {
        padding-top: 50px; }
    #energySection1 #energyNumPage #whereEnergyUsed {
      padding-top: 70px; }
      #energySection1 #energyNumPage #whereEnergyUsed p {
        text-align: center;
        color: white;
        font-size: 25px; }
    #energySection1 #energyNumPage #energyLocations {
      display: flex;
      width: 900px;
      margin: auto; }
      #energySection1 #energyNumPage #energyLocations #heating {
        margin: auto;
        margin-top: 30px;
        width: 500px;
        text-align: center; }
        #energySection1 #energyNumPage #energyLocations #heating img {
          width: 150px;
          margin-top: 15px;
          margin-bottom: 15px; }
        #energySection1 #energyNumPage #energyLocations #heating p {
          font-size: 20px; }
      #energySection1 #energyNumPage #energyLocations #heating #heatNum {
        font-size: 35px;
        font-family: 'montserratbold';
        color: #F46322; }

#problemSectionEnergy {
  width: 940px;
  height: 390px;
  background-color: #F1F2F2;
  margin: auto;
  margin-bottom: 40px; }
  #problemSectionEnergy iframe {
    display: block;
    margin: auto; }
  #problemSectionEnergy .description {
    text-align: center;
    background-color: #ED1C24;
    color: white;
    font-size: 27px;
    height: 55px; }
    #problemSectionEnergy .description p {
      line-height: 52px; }

#energySlides {
  margin: auto;
  width: 940px; }

#energyFooter {
  width: 940px;
  margin: auto;
  margin-top: 70px; }
  #energyFooter img {
    width: 940px;
    margin: auto; }
/*
#frames {
  width: 1050px;
  margin: auto;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  #frames p {
    margin: auto;
    width: 490px;
    margin-top: 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    color: white;
    background-color: #16B6CE; }
  #frames iframe {
    width: 490px;
    height: 510px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px; }
  #frames #waternomicsEmbed p, #frames #battleEmbed p, #frames #sustainabilityEmbed p {
    background-color: #F5BC27; }
  #frames #linkBack {
    display: block;
    width: 490px;
    margin: auto;
    height: 530px;
    margin: 10px;
    background-image: url(images/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 400px 400px; }
    #frames #linkBack a {
      display: block;
      text-decoration: none;
      text-align: center;
      line-height: 380px;
      font-size: 50px;
      width: 490px;
      height: 530px;
      border-style: solid;
      border-width: 3px;
      border-color: gainsboro;
      color: black; }
*/

#LinksHeader {
  margin: auto;
  width: 940px;
  display: block;
  margin-top: 50px;
  font-size: 30px;
  text-align: center; }

#projectsWaterHeader {
  margin: auto;
  display: block;
  margin-top: 40px;  }
  #projectsWaterHeader p {
    font-size: 40px;
    text-shadow: 2px 2px 4px rgb(22,182,206);
    text-align: center;  }
#waternomicsLogo {
  display: block;
  margin: auto;
  position: relative;
  right: 500px;
  bottom: 20px;
  /*margin-left: 20px;
  margin-top: 50px;*/
  float: left; }
  #waternomicsLogo img {
    width: 300px;  }
  #waterClick {
    display: block;
    float: left;  
    margin-bottom: -200px;
    margin-left: -900px;
    top:-40px; }
#waternomicsDescription {
  display: block;
  float: left;

  margin-top: -60px;
  margin-left: -470px;
  width: 560px; }
  #waternomicsDescription p {
    width: 540px;
    height: 300px;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }
#innoquaLogo {
  display: block;
  margin: auto;
  margin-left: 20px;
  margin-top: 50px;
  float: left; }
  #innoquaLogo img {
    width: 300px;  }
  #innoquaClick {
    display: block;
    float: left;  
    margin-top: -300px;
    margin-left: -40px;}
#innoquaDescription {
  display: block;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  width: 560px; }
  #innoquaDescription p {
    width: 540px;
    height: 300px;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }

#projectsEnergyHeader {
  margin: auto;
  display: block;
  margin-top: 40px;}
  #projectsEnergyHeader p {
    font-size: 40px;
    text-shadow: 2px 2px 4px rgb(245,188,39);
    text-align: center;}
#energeLogo {
  display: block;
  margin: auto;
  margin-left: 20px;
  margin-top: 70px;
  float: left;  }
  #energeLogo img {
    width: 300px;}
  #energeClick {
    display: block;
    float: left;  
    margin-top: -240px;}
    #energeClick p {
      display: block;
      margin-left: 20px;
      margin-top: -150px;
      width: 160px;
      text-align: center;}
#energeDescription {
  display: block;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  width: 560px;
  height: 315px;  }
#esippDescription {
  display: block;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  width: 560px;  }
  #esippDescription p {
    width: 540px;
    height: auto;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }
#esippLogo {
  display: block;
  margin: auto;
  margin-left: 70px;
  margin-top: 20px;
  float: left;  }
  #esippLogo img {
    width: auto;
    height: 200px;
    padding-top: -20px;}
#esippClick {
  display: block;
  float: left;
  margin-left: 520px;
  margin-top: -100px; }
#battleLogo {
  display: block;
  margin-left: -520px;
  margin-top: -50px;
  float: left; }
  #battleLogo img {
    width: 300px;
    height: 120px;  }
#battleDescription {
  display: block;
  float: left;
  margin-top: -320px;
  margin-left: 420px;
  width: 560px;  }
  #battleDescription p {
    width: 540px;
    height: auto;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }
#battleClick {
  display: block;
  float: left;
  margin-left: -600px;
  margin-top: -5px;
  height: 50px;}

#naturalHeader {
  margin: auto;
  display: block;
  margin-top: 40px;}
  #naturalHeader p {
    font-size: 40px;
    text-shadow: 2px 2px 4px rgb(112,173,71);
    text-align: center;}
#greenLogo {
  display: block;
  width: 300px;
  margin-left: 20px;
  margin-top: -50px;
  float: left; }
  #greenLogo img {
    width: 150px; 
    margin-left: 70px;}
#greenClick {
  display: block;
  float: left;
  margin-left: -385px;
  margin-top: 0px;
  width: 100px;
  height: 100px;  }
#greenDescription {
  display: block;
  float: left;
  margin-top: -300px;
  margin-left: 390px;
  width: 560px;  }
  #greenDescription p {
    width: 540px;
    height: auto;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }
#sustainabilityDescription {
  display: block;
  float: left;
  margin-top: -50px;
  margin-left: 120px;
  width: 560px;  }
  #sustainabilityDescription p {
    width: 540px;
    height: auto;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }
#sustainabilityLogo {
  display: block;
  width: 300px;
  margin-left: 660px;
  margin-top: -170px;
  float: left; }
  #sustainabilityLogo img {
    width: 150px; 
    margin-left: 70px;}
#susClick {
  display: block;
  float: left;
  margin-left: 580px;
  margin-top: -140px;  }


#waternomicsEmbed {
  display: block;
  width: 940px;
  height: 970px;
  margin-top: 30px;}
  #waternomicsEmbed iframe {
    width: 940px;
    height: 970px;  }
#energeEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: rgb(252,235,190);}
  #energeEmbed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;  }
#esippEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: rgb(252,235,190);}
  #esippEmbed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;  }
#battleEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: rgb(252,235,190);}
  #battleEmbed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;  }
#greenEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: #D2FFA6;}
  #greenEmbed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;  }
#susEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: #D2FFA6;}
  #susEmbed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;  }
  #ecoaquaDescription{
  display: block;
  float: left;
  margin-top: 100px;
  margin-left: 70px;
  width: 560px;  }
  #ecoaquaDescription p {
    width: 540px;
    height: auto;
    padding: 10px;
    font-size: 20px;
    text-align: justify;
    line-height: 23px;  }  
  #ecoaquaLogo{
  display: block;
  width: 300px;
  margin-left: 570px;
  margin-top: -170px;
  float: left; } 
    #ecoaquaLogo img {
    width: 240px; 
    margin-left: 70px;}
  #ecoClick {
  display: block;
  float: left;
  margin-left: 520px;
  margin-top: -160px;  }
  #energeLogo {
  display: block;
  margin: auto;
  margin-left: 20px;
  margin-top: 70px;
  float: left;  }
  #energeLogo img {
    width: 300px;}
  #innoquaClick {
    display: block;
    float: left;  
    margin-top: -260px;
  margin-left: 30px; }
    #innoquaClick p {
      display: block;
      margin-left: 20px;
      margin-top: -150px;
      width: 160px;
      text-align: center;}
#innoquaDescription {
  display: block;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  width: 560px;
  height: 315px;  }
#blueEmbed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: #ddeaeb;}
  #blueEmbed iframe {
    width: 700px;
    margin-left: 94px;
    height: 900px; 
      margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;}
  #esipp2Embed {
  display: block;
  width: 935px;
  height: 940px;
  margin-top: 30px;
  background-color: #ddeaeb;}
  #esipp2Embed iframe {
    width: 700px;
    height: 900px;
    margin-left: 117.5px;
    margin-top: 20px;
    background-color: white;  }
  #esipp2Click {
  display: block;
  float: left;
  margin-left: 520px;
  margin-top: -130px; }
  #footerNatural {
  width: 940px;
  height: auto;
  position: relative;
  top: 700px;
  margin-left: 0px;
  display: flex;  }
/*# sourceMappingURL=style.css.map */