body {
	background:#ffffff;
}

#body-wrapper {
    padding: 0px 0px 0px;
	overflow-x: hidden;
}

h3, .h3 {font-size: 24px; font-weight: 600;}

#main-header {
	font-size:60px;
}

#footer-wrapper-pp {padding: 20px 0px;}

.back-blue-gradient {background: #0085C6; background: linear-gradient(180deg,rgba(0, 133, 198, 1) 0%, rgba(0, 113, 176, 1) 100%);}
.back-yellow-gradient {background: #e0ab17; background:linear-gradient(180deg, rgb(224 171 23) 0%, rgb(253 204 9) 100%);}

.back-yellow {background-color: #ffce08;}

.text-blue-pp {color: #026cb3 !important;}

.btn-site-yellow-pp, a.btn-site-yellow-pp {
    background-color: #ffce08;
    border-color: #ffce08;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-site-yellow-pp:hover, .btn-site-yellow-pp:active, .btn-site-yellow-pp:focus {
    background-color: #ddb100 !important;
    border-color: #ddb100 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.vibe-card-header {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 250px;
}

.rocket-background {
	height:550px; 
	background-image:url(/portals/0/assets/promo-panda/ready_to_launch_lg.png); 
	background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
}

.header-background {
	height:800px; 
	background-image:url(/portals/0/assets/promo-panda/Plain_Blue_Background.png); 
	background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

@keyframes floatY {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}

@keyframes floatX {
  0%   { transform: translateX(0px); }
  30%  { transform: translateX(8px); }
  60%  { transform: translateX(-6px); }
  100% { transform: translateX(0px); }
}

@keyframes rotateDrift {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}

#balloon-panda-div {
	position:absolute;
	right: 100px;
	top: 130px;
}
#balloon-panda-div2 {
}	

#balloon-panda {
	height: 300px;
}	

#footer-navbar-pp {margin-left:0px}

#footer-navbar-pp a, #footer-navbar-pp a:visited, #footer-navbar-pp a:focus, #footer-navbar-pp a:hover {color:#ffffff; margin:0px 50px 0px 0px;}

@media (min-width: 1600px) {
	#balloon-panda-div {
		 animation: floatY 4.7s ease-in-out infinite;
	}
	#balloon-panda-div2 {
		animation: 
		floatX 6.3s ease-in-out infinite;
	}	

	#balloon-panda {
		animation: 
		 rotateDrift 5.5s ease-in-out infinite;	
	}
	
}


@media (max-width: 1800px) {

}

@media (max-width: 1600px) {

	.rocket-background {
		height:550px; 
		background-image:url(/portals/0/assets/promo-panda/ready_to_launch_lg.png); 		
	}		
}



@media (max-width: 1399.98px) {

	.rocket-background {
		height:640px; 
		background-image:url(/portals/0/assets/promo-panda/ready_to_launch_lg.png); 		
	}		
}

@media (max-width: 1199.98px) {

	.rocket-background {
		height:550px; 
		background-image:url(/portals/0/assets/promo-panda/ready_to_launch_md.png); 
	}	
	#main-header {
		font-size:48px;
	}	
}

@media (max-width: 991.98px) {
	#footer-navbar-pp a, #footer-navbar-pp a:visited, #footer-navbar-pp a:focus, #footer-navbar-pp a:hover {margin:0px 20px 0px 0px;}
	.header-background {
		height:700px;  
	}
	#balloon-panda {
		height: 200px;
		right: 0px;
		top: 230px;
	}	
	.rocket-background {
		height:550px; 
		background-image:url(/portals/0/assets/promo-panda/ready_to_launch_md.png); 
		background-position: 50% 0px;		
	}	

}

@media (max-width: 767.98px) {
	.header-background {
		height:750px;  
	}	
	#main-header {
		font-size:48px;
	}	
}

@media (max-width: 575.98px) {
	#balloon-panda {
		height: 120px;
		top: 300px;	
		right: 30px;
	}	

	
}