/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

.some-css-selector {font-size:13px;}
.social-media-icons a:hover{color:white!important;opacity: 0.7;transform: scale(1.1);}

.social-media-icons .fab {transition: all 265ms ease-out;transform: scale(1);
    padding: 20px;
    font-size: 23px;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }
  
  .social-media-icons .fa:hover {
      opacity: 0.7;
  }
  
  .social-media-icons .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .social-media-icons .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  .social-media-icons .fa-google {
    background: #dd4b39;
    color: white;
  }
  
  .social-media-icons .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .social-media-icons   .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .social-media-icons  .fa-instagram {
    background: #125688;
    color: white;
  }
  
  .social-media-icons  .fa-pinterest {
    background: #cb2027;
    color: white;
  }
  
  .social-media-icons  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  
  .social-media-icons  .fa-skype {
    background: #00aff0;
    color: white;
  }
  
  .social-media-icons .fa-android {
    background: #a4c639;
    color: white;
  }
  
  .social-media-icons  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }
  
  .social-media-icons  .fa-vimeo {
    background: #45bbff;
    color: white;
  }
  
  .fa-tumblr {
    background: #2c4762;
    color: white;
  }
  
  .fa-vine {
    background: #00b489;
    color: white;
  }
  
  .fa-foursquare {
    background: #45bbff;
    color: white;
  }
  
  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }
  
  .fa-flickr {
    background: #f40083;
    color: white;
  }
  
  .fa-yahoo {
    background: #430297;
    color: white;
  }
  
  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }
  
  .fa-reddit {
    background: #ff5700;
    color: white;
  }
  
  .fa-rss {
    background: #ff6600;
    color: white;
  }




/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) 
{
    .process_box .content:before {
             background-color: #927667;
    }
    .process_box[data-align=left] .content:after {
   
        border-left-color: #927667;
    }
    .process_box[data-align=right] .content:after {
 
        border-right-color: #927667;
    }


    .go-green-image{margin-right: 20px; margin-bottom:4px;}

    .go-green-image-R{margin-left: 20px; margin-bottom:4px;}
  
}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}