/*----*/
                    /*--Basic set up--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/
*{
    margin: 0;
    padding:0;
    box-sizing: border-box; 

      
}


img,
picture{
    width: 100%;
    display: block;

}

.clearfix:after{
    content:"";
    display:table;
    clear:both;
}

       


html{
    background-color:#b0ddb0;
    font-family:'Roboto','Lato','Arial','san-sarif';
    font-size:20px;
    font-weight:300;
    text-rendering:optimizeLegibility;
    
   } 


.main-container{ max-width: fit-content;
      

    
}  


             /*--Main-Grid--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/






                         /*--Header--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/

         
header{
    background-image: url(imgs/GMCover.jpg);
    background-size:cover;
    background-position:center;
    height:100vh;
    background-attachment: fixed;
  
    position: relative;
    
} 


body{width:100%}

 

.text-box{
    max-width: 20em;
    max-height: 20em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 2em;
    background-color:rgba(75, 124, 95, 0.8) ;
    border-radius:49% 51% 51% 48% / 53% 51% 49% 46% ;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
   
  
    margin: auto;
}



ul li {
    list-style: none; 
} 

 ul li a {
     display:flex;
     flex-direction:row;
     list-style: none;
     color:#fff;
     align-content: center; 
         
}

 



.asase-ye-duru.ico{
    max-width: fit-content;
    color:#b0ddb0;
}


.nav{  
    margin-bottom: .5em;
    display:flex;
    flex-direction: row;
}


.plastic-1 img{
   max-height: 100px;
    max-width: 100px;
    float:left;
    border-radius: 50%;
    shape-outside: circle(50%);
  
    

}





.header-text{
    margin-left: auto;
    margin-right: auto;
}




h1{margin:0;
    color:#fff;
    font-size:200%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 4px;    
}
h2{
    text-align: center;
    color:#fff;
    font-size: 2em;
    font-weight: 300;
}


h2{margin-top: 1em;
margin-bottom: 1em;}

h3{margin-top: 20px;
    color:#fff;
    font-weight: 300;
    text-align: center;
    background: #e08449;
    padding-bottom:5px;
    padding-top: 5px;
   text-align: center;
   margin-left: 1em;
   margin-right: 1em;}

h5{font-weight: 400;
      font-size: 60%;
      color:#eafaf1;
      padding:.5em;
      float:left;  
}


   /*-------About section-------*/




.about-grid{
    display:grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 30px repeat(10,120px) 30px;
    grid-template-rows: repeat(9,120px);
}




.plastic-1{
  

   

}






.product-text-top{
   
    font-size: 14px;
    color:#fff;
    padding:.5em;

}

.product-text-bottom{
font-size:14px;
color:#fff;
padding:.5em;
}






  /*-------blog-section-------*/


#blog-header{margin-bottom: 20px;
    background-color: aliceblue;
    width:100%;
    margin-top: 20px;
    display:flex;
    justify-content: center;
    align-content: center;
}

  

.blog-container{
    width: 100%;
 
}

.blog >*{ margin-top: 0;
    
}

    
.blog {
    column-count: 3 ;
    padding-right: 3em;
    line-height: 1em; 
    column-rule-style:outset;
    column-rule-color: rgba(136, 136, 136, 0.747);
    
    column-rule-width:3px;
}

.energy-form{
    margin-top: 5em;
    padding:1em;
  
}








.blog-header-text{
   
}


P{
    font-size:70%;
    color:rgb(57, 78, 60);
    margin-left: 20px;
    }




.ico-tag{
    color:#eafaf1;
    font-weight: 300;
    text-align: center;
    background: #e08449;
    padding-bottom:5px;
    padding-top: 5px;
    margin-left: 1em;
    margin-right: 1em;
    
}

.under-about{
    color:#db7107;
    text-align: center;
    font-size: 50px;
}

.row{
    width:100%;
}

.other-blogs{
    margin-top:1em;
}








.main-nav{
    margin-left:auto;
    margin-right:auto;
    display: flex;
    justify-content: space-between;  
  
    color:#fff;
}

.main-nav li{
    padding-top: 2em;
  
    font-size:100%;
    font-weight: 300;
    display:inline-block;
    list-style: none;
    margin-right: .5em;
}





.main-nav li a:link,
.main-nav li a:visited{
    padding:8px 0px;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 90%;
    border-bottom: 2px solid transparent;
    transition:border-bottom 0.2s;
}



.main-nav li a:hover,
.main-nav li a:active{
    border-bottom: 2px solid rgb(199, 245, 209);
}


.product-grid >  a:link
.product-grid >  a:visited{
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 90%;

}


                                /*--sticky Nav--*/

.sticky{
    text-align: center;
    justify-content: center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(101, 172, 130, 0.966);
    box-shadow: 0 2px 2px rgb(97, 104, 102);
    z-index: 9999  
   
       }



.sticky .main-nav{margin-top: 1px;}
.sticky .main-nav li a:link,
.sticky .main-nav li a:visited
    {float:right;
        color:#fff;
        
      }


/*----*/




.main-nav li a:hover,
.main-nav li a:active{
    border-bottom: 2px solid #fff;
}
    
    
                    /*--Button Set up--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/


                         /*---*/
/*----
.btn:link,
.btn:visited
{   display:inline-block;
    color: #C0392B;
    border:1px solid;
    border-radius: 200px;
    padding:10px 30px;
    font-weight: 300;
    text-decoration: none;
    transition: background-color 0.2s,border 0.2s color 0.2s;
}

.btn-full:link,
.btn-full:visited
    {
    background-color:#F39C12;
    border-radius: 200px;
    border:1px solid #e08449;
    margin-right: 15px;
    }

.btn-ghost:link,
.btn-ghost:visited
     {
    border:1px solid #e08449;
         background-color: rgba(234, 250, 241, 0.5);
}



.btn-ghost:link,
.btn-ghost:visited{
    border:1px solid #e08449;
    
}

.btn:hover,
.btn:active{
    color:#F39C12;
    background-color:#C0392B;
}

.btn-full:hover,
.btn-full:active{
    border:1px solid #C0392B ;
        }



.btn-ghost:hover,
.btn-ghost:active{
    border:1px solid #C0392B ;
    color:#F39C12;
    
}

--*/




                    /*--headings section--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/





                         /*--blog Section--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/

.blog-container{
   


}

.main-text{
    
    padding:1em;
}



                    /*--I con section--*/
                /*-------GreenMeansUSA-------*/
                         /*----*/

.about-head{margin-bottom: 25px;}





.ico-img{
    color:rgb(206, 104, 16);
    font-size: 50px;
    Float:left;  
    
    }





/*-------GreenMeansUSA-------*/
    /*--Waypoint Plug in --*/


.js--wp-1{
    opacity: 0;
    animation-duration: 1s;
}
.js--wp-1.animated{
    opacity:1;
}


.js--wp-2{
    opacity:0;
     animation-duration: 1s;
}
.js--wp-2.animated{
    opacity:1;
}


.js--wp-3{
    
    opacity:0;
     animation-duration: 1s;
}
.js--qp-3animated{
    opacity:1;
}


.js--wp-4{
    opacity:0;
     animation-duration: 1s;
}
.js--wp-4{
    
    opacity:1;
     animation-duration: 1s;
}

/*--------------------------*/
      /*Market Section*/
/*--------------------------*/

.marketing-container{
    padding:.5em;
}

.product-grid{
    display:grid;
    grid-template-columns:
    repeat( auto-fit, minmax(15rem,1fr)) ;
    gap:.25rem;
   

}

.card{
    aspect-ratio: 1/1.5;
    
}

.card img{ width:100%;
            aspect-ratio: 1/1;
            object-fit: cover;


}

.card a:link,
      a:visited{
       text-decoration: none;
      color:#fff;
      padding:8px 0px;
      color:#fff;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 90%;
      border-bottom: 2px solid transparent;
      transition:border-bottom 0.2s;


}

 .card a:hover,
  .card a:active {
    text-decoration: none;
    color:#fff;
    border-bottom: 2px solid rgb(199, 245, 209);



      }





.stacked{
    display:grid;

}

.stacked > *{ 
    grid-column: 1/2;
    grid-row:1/2;

}




.card-content{
    background: #778957ee;
    align-self: end;
    margin: .5rem;
    padding:.5rem;
    box-shadow: 0 .25rem 1rem #778957a4;

}
            
.card-title{
    font-size: 1.5rem;
    line-height: 1.1;

}

@media(min-width: 40em){
    .card.featured{
        grid-row: span 2;
        grid-column: span 2 ;
      
    }
  
  
    .card.featured img{
        aspect-ratio: 1/1.25;
  
  
    }


}
 
/*--------------------------*/
      /*Footer Section*/
/*--------------------------*/

footer {background-color:#888;
    padding:50px;
    font-size:80%
}
.footer-nav{list-style:none;
float:left;
}

.social-icons {
    list-style:none;
    float:right;
    color:#fff;
    background-color: #888;
    size:1em;
}


.footer-nav li,
.social-icons li{display:inline-block;
                margin-right: 20px;}

.footer-nav li:last-child,
.social-icons li:last-child{
 margin-right:0;
}
.footer-nav li a:link,
.footer-nav li a:visited,
.social-icons li a:link,
.social-icons li a:visited
   {text-decoration: none;
    border:0;
    color:#888;
    transition: color 0.2s;}

.footer-nav li a:hover,
.footer-nav li a:active{
    color:#888;
}

.social-icons li a:link,
.social-icons li a:visited{
    font-size:160%;  
}

.ion-social-facebook,
.ion-social-twitter,
.ion-social-googleplus,
.ion-social-instagram{
    Transition:color:0.2s;
}

.ion-social-facebook:hover{
    color:#3b5998;
}
.ion-social-twitter:hover{
    color:#00aced;
}
.ion-social-googleplus:hover{
    color:#dd4b39;
}

.ion-social-instagram:hover{
    color:#517fa4;
}
footer p{
    color:#fff;
    text-align: center;
    margin-top:20px;
}



.icon-boa-me-plain{
    size:2em;
    color:#db7107;
}

    




.contact-form{ margin-top: 10em;
    

}

.home-energy-form{

    margin-top: 10em;

}