/*Parrallax effect, hover.css, animate.css, CSS fade in on load, VW used*/
main {
          width:100%; /*1440px*/
          height:auto;/*4100px*/
         background-color:white;
          position:relative;
          margin:0px auto;
      }

.maininterior {
          width:100%; /*1440px*/
     height:auto;/*6750px*/
         background-color:white;
          position:relative;
          margin:0px auto;
      }
    
      .nav {
          width:100%; /*1440px*/
          height:120px;
          position:relative;
        /*  padding:5px; */
          background-color:#0D7360;
      }
      
      .navcontent {
          width:12.8472222222%;/*185px*/
          height:20px;
          position:relative;
            padding:10px;
          margin:15px;
           animation-duration: 3s;
  animation-delay: 2s;
         /* background-color:white;*/
      }


      .navcontent2 {
          width:5.20833333333%;/*75px*/
          height:20px;
          position:relative;
            padding:10px;
          margin:15px;
           animation-duration: 3s;
  animation-delay: 2s;
         /* background-color:white;*/
      }

      .video {
          width:100vw; /*1440px*/
          height:765px;
          position:relative;
        /*  background-color:slategray;*/
      }

 .video2 {
          width:100vw; /*1440px*/
          height:765px;
          position:relative; background:url(imgs/climateneutral9.gif) center fixed no-repeat;
          background-size:cover;
      }
      
      .logobigcontainer {
          width:100vw; /*1440px*/
          height:345px;
          position:relative;
          background-color:white;
          padding-top:48px;
      }
      
      .logobigsource {
          width:49.3055555556%;/*710px*/
          height:245px;
          position:relative;
         /* background-color:white;*/
         /* margin-top:48px;*/
          margin-left:347px;
          
      }
      
       .logo {
          width:5.20833333333%;/*75px*/
          height:75px;
          margin:10px; 
          position:absolute;
      }
      
      .logobottom {
          width:25%;/*360px*/
          height:150px;
          margin:40px; 
    position:relative;/*absolute*/
      }

.logobottom2 {
          width:25%;/*360px*/
          height:150px;
          margin:40px; 
          position:relative;
        z-index:50;
      }
      
      .half {
          width:50%;/*720px*/
          height:720px;
          position:relative;
         z-index:5;
      }
      
      .halfgraphic {
          width:50%;/*720px*/
          height:10px;
          position:relative;
          z-index:100; 
      }
      
      .row1 {
          width:100vw;/*1440px*/
          height:auto;/*720px*/
        position:relative;/*absolute*/
          z-index:3; 
      }
      
      .cnbig{
          width:72.2222222222%;/*520px*/
          height:440px;
    position:relative;/*absolute*/
          z-index:4;
          margin-top:50px;
          margin-left:145px;
      }
      
      .cnmission{
          width:85.4166666667%;/*615px*/
          height:440px;
    position:relative;/*absolute*/
          z-index:4;
          margin-top:100px;
          margin-right:55px;
      }
      
      .gif {
          width:100%;/*1440px*/
          height:615px;
    position:relative;/*absolute*/
          z-index:15;
        margin-top:25px;
          background:url(imgs/climateneutral7.gif) center fixed no-repeat;
          background-size:cover;
      }
      
       .gifcontainer {
          width:100vw;/*1440px*/
          height:670px;
    position:relative;/*absolute*/
          z-index:14;
          /*margin-top:720px;*/
      }

 .gifcontainer2 {
          width:100vw;/*1440px*/
          height:670px;
          position:relative;
          z-index:25;
      margin-left:0px;
         margin-top:350px;
      }


.gif2 {
          width:100%;/*1440px*/
          height:615px;
          position:relative;
          z-index:30;
        margin-top:25px;
    
     background:url(imgs/climateneutral8.gif) center fixed no-repeat;
          background-size:cover;
      }
      

      
      .imgmain {
          width:100vw;/*1440px*/
          height:auto;/*1250px*/
          position:relative;
          z-index:15;
          margin-top:1390px;
         /* background:url(imgs/climateneutral11.jpg) center fixed no-repeat;
         background-size:cover;*/
      }
      
      .ground {
          width:100vw;/*1440px*/
          height:230px;
          position:relative;
          margin-top:-10px;
          z-index:20;
      }

 .ground2 {
          width:100vw;/*1440px*/
          height:230px;
          position:relative;
         /* margin-top:5655px;*/
          z-index:40;
      }

 .social {
    width:19.4174757282%
;/*100px*/
    height:100px;/*100*/
    position:relative;
    margin:10px;
    z-index:30;
   
}

.socialcontainer {
    width:35.7638888889%;/*515px*/
    height:165px;
    position:relative;
    margin:50px;
    z-index:25;
}
        
.introw1 {
    width:100vw;/*1440px*/
    height:auto;/*800px*/
/*    position:absolute;*/
    z-index:20;
    /*margin-top:10px; */
}

.introw2 {
    width:100vw;/*1440px*/
    height:auto;/*920 1020px*/
    position:relative;
    z-index:20;
  /*  margin-top:780px; */
}

.introw3 {
    width:100vw;/*1440px*/
    height:auto;/*1480*/
    position:relative;
    z-index:20;
   /* margin-top:1700px; */
}

.intheader {
    width:88.5416666667%;/*1275px*/
    height:265px;/*165px*/
    position:relative;
    z-index:20;
   margin:50px;
    animation-duration: 3s;
  animation-delay: 2s;
}

.intgraphics {
    width:93.75%;/*1350px*/
    height:auto;/*380px*/
    position:relative;
    z-index:25;
    margin:50px;
    /*background-size:cover;*/
}

.intgraphicsmed {
    width:93.75%;/*1350px*/
    height:auto;/*540px*/
    position:relative;
    z-index:25;
    margin:50px;
}
.intgraphicsbig {
    width:93.75%;/*1350px*/
    height:auto; /*680px*//*1065*/
    position:relative;
    z-index:25;
    margin:50px;
}

.brands {
    width:100%;/*1440px*/
    height:auto;/*1825px 300px*/
    position:relative;
    z-index:20;
   margin-top:50px;/*3180px 825px*/
    margin-left:0px;

}

.imghuge {
    width:85.4166666667%;/*1230px*/
    height:auto;/*1400px*/
    position:relative;
    z-index:30;
    margin:50px;
    margin-top:25px;
    

}

      .float-right {
          float:right;
      }
      
      .float-left {
          float:left;
      }
    
      .black {
          background-color:black;
      }
      
        .white {
          background-color:white;
      }
      
      .green {
          background-color:#0D7360;
      }
      
      .yellow{
          background-color:#D79635;
      }
      
      .gray {
          background-color:slategray;
      }

img, embed, object, video, iframe {
          max-width:100%;
      }

h1, h2, h3, h4, h5, h6 {
    margin:0px;
}

h1{
   font-family: 'Raleway', sans-serif;
    font-size:96px;
    color:#0D7360; 
    line-height: 120px; 
    font-weight:900;
    text-transform: uppercase;
    text-align:right;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-size:40px;
    color:black; 
    line-height:75px; 
    font-weight:400;
    text-transform: uppercase;
    text-align:right;
    
}

h3{
     font-family: 'Raleway', sans-serif;
    font-size:30px;
    color:black; 
    font-weight:400;
    text-align:left;
    line-height:40px; 
}

h4{
     font-family: 'Raleway', sans-serif;
    font-size:18px;
    color:white; 
    font-weight:700;
    text-align:center;
     text-decoration: none;
}

h5{
     font-family: 'Raleway', sans-serif;
    font-size:40px;
    color:black; 
    font-weight:900;
    text-align:left;
    text-transform:uppercase;

}

h6 {
   font-family: 'Raleway', sans-serif;
    font-size:96px;
    color:#0D7360; 
    font-weight:900;
    text-transform: uppercase;
    text-align:left;
/*    line-height:0.0125px;*/
   
}

img, video, object, embed, iframe { /* converting all img srcs to be 100% of container */
    max-width:100%;
}