.home_hero {
  min-height: calc(100vh - 250px);	
  background:url(../images/waterfall.gif) center center/auto 100% no-repeat;
  background-size:cover;   	
}


.hero_slogan:after {
	content: "Full-Stack Web Development";
  opacity:0;
	animation: spin 10s infinite;

}

@keyframes spin {

  0% {opacity:0;}

  5% {opacity:1; content:"Full-Stack Web Development";}     	
  15% {opacity:1; content:"Full-Stack Web Development";}   

  20% {opacity:0;}  

  25% {opacity:1; content:"B2B/B2C Product Management"; } 
  35% {opacity:1; content:"B2B/B2C Product Management"; } 

  40% {opacity:0;}  


  45% {opacity:1; content:"Cross-Region Project Management"; }
  55% {opacity:1; content:"Cross-Region Project Management"; }

  60% {opacity:0;}  


  65% {opacity:1; content:"Website, eCommerce, & Web App"; }
  75% {opacity:1; content:"Website, eCommerce, & Web App"; }

  80% {opacity:0;}    

  85% {opacity:1; content:"Backend Management Portals"; }  
  95% {opacity:1; content:"Backend Management Portals"; }    

  100% {opacity:0;}     
}

.card:hover .img_hover_zoom, .img_hover_zoom:hover {transform: scale(1.2);}
.img_hover_zoom {transition: transform 1s;}  


.bg_dark_center_y {
  background-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 0), 
  rgba(0, 0, 0, 0.1), 
  rgba(0, 0, 0, 0.3), 
  rgba(0, 0, 0, 0.1), 
  rgba(0, 0, 0, 0)
  );
} 


.bg_shadow_curve_t {position:relative;}
.bg_shadow_curve_t::before {
  position:absolute;
  top:0;
  left:0;   
  width:100%;
  height:40px;	
  content: "";
  background:transparent url(../images/shadow_curve_down_filler.png) center top repeat-x;  
}

.txt_shadow_dark {text-shadow: 2px 2px 2px #000000;}	
.txt_shadow_light {text-shadow: 2px 2px 2px #bbbbbb;}	







/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/  
/** START OF BACK TO TOP CSS DEFINITIONS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/	  
.back_2_top	{
	z-index:9999;
	display:block;
	position:fixed;
  width:50px;
  height:50px;
  border-radius: 100%;  
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 1));
  bottom:15px;
  right:15px;
  cursor: pointer; 
  background:#FFFFFF url(../images/back_2_top.png) center center no-repeat;
  background-size: 100% 100%;
}  
/** END OF BACK TO TOP CSS DEFINITIONS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/	  
/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/